vue请求网络接口中图片报错403解决办法

sunshine-huang

于 2018-07-05 17:25:25 发布

阅读量1.3w

点赞数 6

文章标签： vue

本文链接：https://blog.csdn.net/u011108439/article/details/80930163

版权

网络接口都是有请求限制的，特别是图片字段值是绝对路径的情况，请求的时候就会报错403 forbidden，这个时候应该使用缓存的方式拿到请求图片的地址进行缓存，只要在请求到的图片链接前面加上‘ https://images.weserv.nl/?url= ’即可（这是一个专门缓存图片的网址）

getImages( _url ){
      if( _url !== undefined ){
        let _u = _url.substring( 7 );
        return 'https://images.weserv.nl/?url=' + _u;
      }
    }

_u：提取http://后面的部分;

_url：是请求接口后返回的图片字段

使用方法如下：