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

_zhiqun

于 2018-10-05 17:39:13 发布

阅读量3k

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_42470791/article/details/82945726

版权

html5 同时被 3 个专栏收录

31 篇文章

订阅专栏

Vue

16 篇文章

订阅专栏

HTML 5移动端

10 篇文章

订阅专栏

本文介绍了一种解决网络接口请求限制导致的403错误问题的方法，通过使用'https://images.weserv.nl/?url='缓存图片链接，可以有效避免请求限制，实现图片的顺利加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

使用方法如下：

// 解决403图片缓存问题
    getImages( _url ){
      if( _url !== undefined ){
        let _u = _url.substring( 7 );
        return 'https://images.weserv.nl/?url=' + _u;
      }
    }

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

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

用字符串拼接的方法将两个链接拼起来，就可以将图片加载出来。