[vue2]本地实现api和图片代理

其实跟api代理没什么区别。但是因为img的url是接口返回的绝对路径。我本地倒是没问题。但是线上会产生跨域导致图片加载不出来。
原本接口返回的地址是

http://xxxxxxx:8080/media/images/xxx.png

然后返回的虽然是地址。但是其实还是string。直接截掉前面需要代理替换的路径就行（就是截掉http://xxxxxxx:8080。只要后面的）用了string.substring()。然后在把前面添加你配的代理字段。在vue.config.js查看

 <img
                    :src="'recognition' + item.strategy_icon.substring(23)"
                    alt=""
                    style="width: 32px; height: 32px; vertical-align: baseline"
                  />