Sesuaikan laluan fail dalam binaan NuxtJS tanpa mengubah pilihan penghala: panduan langkah demi langkah

Question

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?

Answer 1

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-server pelayan 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.