Nuxt 3 tidak akan dipaparkan dalam SSR
P粉193307465
P粉193307465 2024-04-05 15:04:40
0
1
3868

Jadi saya mempunyai masalah, saya cuba mendapatkan pembolehubah persekitaran peribadi saya. Saya tahu saya hanya boleh mendapatkannya jika halaman saya adalah ssr. Masalahnya saya tidak pernah melumpuhkannya. Saya mendokumentasikannya di halaman saya console.log(process.server),它总是返回false. Saya rasa ini pelik kerana saya tidak pernah melumpuhkan ssr.

Ini nuxt.config.ts saya:

// 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

membalas semua(1)
P粉684720851

Dalam penyemak imbas anda (juga dipanggil "pelanggan"), console.log(process.server)将始终记录false. Sila semak konsol pelayan di terminal anda. Di sana, melainkan anda berada dalam komponen/pemalam "klien sahaja" atau dalam sesuatu seperti onMounted这样的生命周期钩子中进行日志记录,否则它也应该被记录为true

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan