问题现象

在使用webpack进行vue项目的打包后，模块内引入的img 图片文件路径异常，多余了一层 static/xxx 目录导致在部署到线上后访问静态资源报错404 或 500 异常

解决方案

1、在config 目录下的index.js 文件中找到build的配置项，将assetsPublicPath: '/'修改为 assetsPublicPath: './' 2、在bulid 目录下的utils.js 文件中找到关于cssLoaders的配置，在里面加入静态文件的公共目录配置publicPath:'../../'

3、重新运行build命令，检查打包后的文件是否正常

ps：之前参考其他大佬的改法是如下图，但是应该是不同的webpack版本，各位可以根据实际情况对应尝试更改

如果对你有帮助，请多多点赞，你的支持是我创作的动力噢！也期待大佬们能够提出宝贵意见批评指正！