vue-cli3 图片途径是动态加载的静态资源，该如何写

Question

通过接口请求得到的mock数据，然后加载本地的图片资源，我知道如果写死了，可以用require来加载，现在请求接口得到的数据改如何做，查了好多资料还是没解决
<img class="screenshot" :src="showData.img">

Answer 1

1. 这个图片真实的访问地址是什么样的；也就是完整的访问地址
2. 这些图片不应该放在前端管理，即使是放在前端，你也应该丢到 public 里面去；不参与构建

最后，你拿到数据只要把完整的路径拼接好就好了。 不知道你还想干嘛， 哈哈

Answer 2

假设 config 是你本地配置好的一个路径，data是接口得到的图片名称

<img class="screenshot" :src="`${config.static}/${data.imgSrc}`">