Nuxt 3 ne sera pas rendu en SSR
P粉193307465
P粉193307465 2024-04-05 15:04:40
0
1
3817

J'ai donc un problème, j'essaie d'obtenir mes variables d'environnement privées. Je sais que je ne peux les obtenir que si ma page est ssr. Le problème c'est que je ne l'ai jamais désactivé. Je l'ai documenté sur ma page console.log(process.server),它总是返回false. Je trouve cela étrange puisque je n'ai jamais désactivé ssr.

Voici mon nuxt.config.ts :

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    ssr: true,
    routeRules: {
        '/portal/**': { ssr: false },
        '/checkout/**': { ssr: false }
    },
    runtimeConfig: {
        stripeKey: '',
        public: {
            API_BASE_URL: process.env.API_BASE_URL || "http://192.168.1.100:8000/api",
        }
    },
    modules: [
        '@nuxtjs/i18n',
        '@pinia/nuxt',
    ],
    css: [
        '@/assets/css/main.css',
        '@/assets/css/colors.scss',
        'vuetify/lib/styles/main.sass',
        'primevue/resources/themes/lara-light-blue/theme.css',
        'primevue/resources/primevue.css',
        'primeicons/primeicons.css',
        '@fortawesome/fontawesome-svg-core/styles.css'
    ],
    build: {
        transpile: [
            'primevue',
            'vuetify'
        ]
    },
    postcss: {
        plugins: {
            tailwindcss: {},
            autoprefixer: {},
        },
    },
    app: {
        head: {
            script: [{ src: "https://js.stripe.com/v3/" }],
            title: '',
            meta: [

                {
                    name: 'color-scheme',
                    content: 'only light'
                }

            ],
            link: [
                {
                    href: 'https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined',
                    rel: 'stylesheet',
                }
            ]
        }
    },
    i18n: {
        lazy: true,
        langDir: "locales",
        strategy: "no_prefix",
        locales: [
            {
                code: 'en',
                iso: 'en',
                name: 'English',
                file: 'en.json'
            },
            {
                code: 'nl-Nl',
                iso: 'nl-NL',
                name: 'Dutch',
                file: 'nl-NL.json'
            }
        ]
    }
})
P粉193307465
P粉193307465

répondre à tous(1)
P粉684720851

Dans votre navigateur (également appelé « client »), console.log(process.server)将始终记录false. Veuillez vérifier la console du serveur dans votre terminal. Là, sauf si vous êtes dans un composant/plugin « client uniquement » ou dans quelque chose comme onMounted这样的生命周期钩子中进行日志记录,否则它也应该被记录为true

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal