如何在vue-cli3项目中有效处理动态加载图片的404错误？

本文共计644个文字，预计阅读时间需要3分钟。

博主最近着手一个新项目，需调用天气接口，并动态展示天气相关图标。目前无大问题，成果硬生生被这个动态图标路径搞成民不聊生（博主还是too young，too simple）。

博主最近手头再做一个项目，需要调用天气接口，并且还要动态显示天气相关图片icon。

本来以为没什么大问题，结果硬生生被这个动态图片路径搞得民不聊生（博主还是 too young，too simple~），给出效果图：

就是那个红框选中的那个天气状况图标icon要根据当前城市获取当前城市天气状态码，再根据当前城市状态码找到这个对应的天气图标icon~~

按照一般的开发模式，静态图片路径是相对路径还是绝对路径都可以，因为图片路径是静态的是死的，所以webpack去找这个图片路径的时候是能找到的。