如何在vue中使用动态使用本地图片路径

不知道各位小伙伴有没有在开发遇到一个问题,就是在线上的项目使用后台返回本地图片路径,然后加载不上的情况呢?

我的解决方法就是:先在项目的data下定义好这样一个数组用于存放需要加载的路径

[

  {name:"张山" url:require(./img/zhangshan.png)} ,

  {name:"李四" url:require(./img/zhangshan.png)} ,

  {name:"老王" url:require(./img/zhangshan.png)}

],

通过后台传过来的字段匹配上然后就可以把本地url 替换接口的路径然后大功告成!

原文地址:https://www.cnblogs.com/zhonglinke/p/9480535.html