Pertama sekali, anda tidak perlu menambah mode: 'universal'
,只需添加target: 'static'
以簡(jiǎn)化配置。了解更多信息 - https://nuxtjs.org/docs/2.x/features/deployment-targets/。使用ssr: true
dalam konfigurasi, anda akan mendapat tapak web mod statik sepenuhnya dengan cangkuk yang berkaitan seperti yang diterangkan dalam https://stackoverflow.com/a/65208463/8153537.
Seterusnya, anda boleh mengalih keluar modul @nuxt/router. Lihat intipati saya - https://gist.github.com/MexsonFernandes/d04495c86b115bbe29f26b36b0b35d2d. Nuxt menjana semua laluan yang diperlukan berdasarkan struktur folder, jadi tiada konfigurasi tambahan diperlukan.
Lihat intipati ini untuk penghalaan halaman projek - https://gist.github.com/MexsonFernandes/d04495c86b115bbe29f26b36b0b35d2d#gistcomment-3555332.
router.mode='hash'
似乎與 generate.routes
配置不兼容。當(dāng) router.mode
設(shè)置為 hash
時(shí),Nuxt 生成器會(huì)忽略 generate.routes,只創(chuàng)建一個(gè)用于 /
的路由,這可能是因?yàn)橹黄谕?hash
模式下存在首頁(yè)(即 index.html
menyediakan laluan yang mengendalikan semua penghalaan untuk aplikasi).
Mod cincang ini juga bercanggah dengan mod yang ditetapkan dalam router.js, tetapi jika anda benar-benar memerlukan penghalaan cincangan anda harus memilih untuk menetapkannya sahaja dalam router.js
router.js
中設(shè)置它,以允許處理 generate.routes
untuk membenarkan pemprosesan generate.routes
mode='universal'
等同于 ssr=true
,所以 ssr=false 的配置 在這種模式下沒(méi)有意義。如果生成靜態(tài)站點(diǎn),你需要 ssr=true
,這樣可以調(diào)用任何 asyncData()
和 fetch()
鉤子來(lái)填充靜態(tài)頁(yè)面數(shù)據(jù)。這個(gè)設(shè)置還消除了在 dynamicRoutes()
中添加 /about
、/contact
和 /portfolio
的需要Juga ambil perhatian bahawa mode='universal'
adalah bersamaan dengan ssr=true
tidak mempunyai makna dalam mod ini. Jika menjana tapak statik, anda memerlukan ssr=true
supaya mana-mana cangkuk asyncData()
fetch()?? boleh dipanggil untuk mengisi data halaman statik. Tetapan ini juga menghapuskan keperluan untuk dynamicRoutes ()?? Menambah /about??, /contact?? dan /portfolio?? diperlukan ???? kerana ia sudah termasuk dalam laluan yang dijana. ??
????GitHub PR????