打包后页面图片加载失败

一、页面空白

1.在webpack.prod.conf.js 中output添加参数publicPath:'./'

2.在webpack.base.conf.js里 修改成

publicPath: process.env.NODE_ENV ==='production'?'

./'+config.build.assetsPublicPath 

 :'./'+ config.dev.assetsPublicPath

二、背景图片加载失败

1.在buil文件夹里面的utils.js文件

if(options.extract) {

return ExtractTextPlugin.extract({

 use: loaders, publicPath:'../../', // 加入这行代码就可以

fallback:'vue-style-loader'

})

}else{

return ['vue-style-loader'].concat(loaders)

}