打包命令:
npm run build
打包后页面空白,解决办法:
打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件,找到找到build下面的assetsPublicPath: ‘/’ 修改为’./’ 即路径前面加个点。
做完以上步骤,重新打包之后的页面即可显示,图片可能不显示,解决办法如下:
找到build/utils.js文件,找到以下片段
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
})
} else {
return ['vue-style-loader'].concat(loaders)
}
添加publicPath: ‘…/…/’
如下:
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
重新打包,图片即可显示