vue-cli+webpack打包路径报错问题
vue项目打包上线,配置相对路径,图片路径错误,文件路径错误问题
·
vue-cli 打包配置
1、配置项目引用文件问相对路径;
2、引用js文件路径错误;
3、图片路径错误;
4、背景图片路径错误;
解决以上问题,需修改三个地方:
1、config/index.js(大约46行)
build: {
assetsPublicPath: './' // 修改为相对路径
}
2、build/utils.js(大约51行)
if(options.extract){
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../' // 此处解决css中背景图片路径报错
})
}
3、build/webpack.prod.conf.js(大约25行)
output: {
publicPath: './', // 添加这一行配置
}
此方法亲测有效
更多推荐
已为社区贡献6条内容
所有评论(0)