vue打包之后找不到图片路径,打包项目时,dist文件夹内部分图片找不到
1.打包项目时,会默认把存放在public内的小于4k的图片转换成base64,作为内联样式。
可以在vue.config.js中修改默认大小,在chainWepack:config=>{}中添加
chainWepack:config=>{
config.module
.rule('images') .use('url-loader') .loader('url-loader') .tap(options=>{ Obeject.assign(options, {limit: 10240});// 10240是修改的图片大小 }) }
2.build/utils.js中配置路径错误
publicPath: '../../'//这里根据自己项目目录结构自由调整