Vue CLI3项目中如何实现动态引入图片，有效避免img404错误？

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

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

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

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

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

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