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

創(chuàng)新互聯(lián)主營(yíng)茄子河網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app軟件開發(fā)公司,茄子河h5微信小程序搭建,茄子河網(wǎng)站營(yíng)銷推廣歡迎茄子河等地區(qū)企業(yè)咨詢

vue-cli+ webpack 建立的項(xiàng)目，cnpm run build 打包項(xiàng)目之后，需要放在http服務(wù)器上才可以運(yùn)行，

例如 ：nginx

vue單頁(yè)面的啟動(dòng)頁(yè)面是index.html,路由的路徑實(shí)際是不存在的，所以會(huì)出現(xiàn)刷新頁(yè)面404的問題，需要設(shè)置所有找不到的路徑直接映射到index.html

1 刷新頁(yè)面404

配置啟動(dòng)文件的index頁(yè)面的路徑root: D:/workPlace/mex-adx-web/mex-adx-web/dist

2 二級(jí)頁(yè)面刷新報(bào)錯(cuò)：

打包的項(xiàng)目靜態(tài)資源的路徑需要設(shè)置為絕對(duì)路徑。如果是相對(duì)路徑會(huì)出錯(cuò)

config-index.js

3 ：項(xiàng)目運(yùn)行沒有問題，但是打包之后運(yùn)行文件報(bào)錯(cuò)

Unexpected token:`。。。

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

以上這篇vue+webpack 打包文件 404 頁(yè)面空白的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。