解决Vue打包后访问图片/图标不显示的问题

大家可否遇到过 npm run build 打包后，项目在线上运行时，资源文件 (图片、图标)不显示 的问题， 接下来，我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件 打开此文件后你会头晕，因为都是打包压缩过的css代码，不过没关系 ，关键字搜索url   检查该url路径是否匹配正确 对比后惊人发现！！！ 因此在url路径前添加../../就OK了， 但是 很麻烦，每次打包后都要进行二次加工吗？ 并不是！！！ 2.自动添加 ../../ 的方法 打开build/utils.js，检测 publicPath 值是否正确，自己配置成相应的即可！ if (options