vue+webpack 打包文件 404 頁面空白的解決方法

發布時間：2020-10-19 14:04:11 來源：腳本之家閱讀：322 作者：xiaofenguo 欄目：web開發

最近用vue-cli+vue-router+webpack建立項目，其中的遇到的三個問題，整理如下：

vue-cli+ webpack 建立的項目，cnpm run build 打包項目之后，需要放在http服務器上才可以運行，

例如：nginx

vue單頁面的啟動頁面是index.html,路由的路徑實際是不存在的，所以會出現刷新頁面404的問題，需要設置所有找不到的路徑直接映射到index.html

1 刷新頁面404

vue+webpack 打包文件 404 頁面空白的解決方法

配置啟動文件的index頁面的路徑root: D:/workPlace/mex-adx-web/mex-adx-web/dist

2 二級頁面刷新報錯：

打包的項目靜態資源的路徑需要設置為絕對路徑。如果是相對路徑會出錯

config-index.js

vue+webpack 打包文件 404 頁面空白的解決方法

3 ：項目運行沒有問題，但是打包之后運行文件報錯

Unexpected token:`。。。

需要單獨配置babel，將配置放到文件.babelrc中：

vue+webpack 打包文件 404 頁面空白的解決方法

以上這篇vue+webpack 打包文件 404 頁面空白的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站