如何解決vue2.0 打包之后 打開index.html出現(xiàn)空白頁
1.打包之前修改三個(gè)文件
1.1.第一步奏属，找到build文件郊酒，在webpack.prod.conf.js 第25行左右 有一個(gè)對(duì)象為 output,在這里面增加一行代碼
output: {
//在這里加一行代碼
publicPath:'./',
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
},
1.2.第二步，找到utils.js按价，在 第47行左右 有一個(gè)if判斷為 if (options.extract),在這里面增加一行代碼
注意：這個(gè)是保證 加載背景圖片等css樣式資源不出現(xiàn) 路徑問題
if (options.extract) {
return ExtractTextPlugin.extract({
publicPath:'../../', //在這里加一行代碼
use: loaders,
fallback: 'vue-style-loader'
})
}
1.3.第三步仅财，找到config/index.js第46行左右 修改assetsPublicPath 路徑為 './';
2.然后你就可以 build 了，
3.如果build 完成后 在本地還是空白頁 或者說 放到服務(wù)器上面 是空白頁 怎么辦
3.1 這個(gè)就有可能是 你的路由模式 出現(xiàn)了問題 你給的路由模式可能是history 模式 煤裙，這個(gè)文檔說了 如果設(shè)置這個(gè)模式的話需要后端的配合 設(shè)置一些參數(shù)的 ，所以如果沒有后端的配合的話 噪漾，你就把這個(gè)路由的mode 改為 hash 或者是直接刪除 就是默認(rèn)的模式了
