cari

Rumah  >  Soal Jawab  >  teks badan

Nuxt 3 tidak akan dipaparkan dalam SSR

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粉193307465P粉193307465257 hari yang lalu3856

membalas semua(1)saya akan balas

  • P粉684720851

    P粉6847208512024-04-06 11:36:10

    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

    balas
    0
  • Batalbalas