在vue项目中,npm run build之后,得到的项目输出文件部署到服务器之后,图片无法找到,发现是图片路径不对。处理和修改方式如下:
index.js中修改
// 在index.js中
assetsPublicPath: './',
bulid文件下,utils中修改
// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath: '../../',
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
以上修改之后即可。