Saya membangunkan SPA menggunakan NuxtJS (ssr: false). Selepas membina, laluan fail untuk fail javascript dan css adalah relatif kepada folder akar domain dan bukannya folder dist. Contohnya <script src="/_nuxt/e247009.js"></script> akan menyebabkan pelayar membuang ralat
"Sumber daripada "url" disekat kerana jenis MIME ("teks/html") tidak sepadan (X-Content-Type-Options: nosniff)
Saya juga mempunyai masalah ini dengan laluan dalam url css font-face saya.
Saya dapat menggunakan penyelesaian ini https://stackoverflow.com/a/61638555/8488702 untuk menyelesaikan ralat dengan menetapkan pilihan penghala seperti berikut:
router: {
base: './'
}
Tetapi kini masalah lain timbul, iaitu apabila saya memuatkan index.html yang terletak di direktori root penghala nuxt projek ia menunjukkan ralat
Halaman tidak dapat ditemui
Bagaimana untuk menyesuaikan laluan fail tanpa menukar pilihan penghala untuk mengelakkan kerosakan penghala?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
OP menjalankan projek menggunakan IDE Webstormnya, berfikir
target: 'static'akan membenarkannya berfungsi pada persekitaran setempat. Walaupun ia berfungsi dalam pengeluaran kerana fail statik sebenar dijana (yang sememangnya boleh dihoskan pada CDN), pembangunan moden tidak semudah itu.Jadi kita benar-benar perlu menggunakan
webpack-dev-serverpelayan tempatan terbina dalam untuk menyokong semua ciri hebat pembangunan moden (HMR, pencincangan fail, SASS, dll...).Berjalan
yarn dev（或npm run dev) akan membenarkan projek berfungsi dengan konfigurasi Webpack v4 yang dikonfigurasikan dilakukan untuk anda oleh pasukan teras Nuxt.