vue请求网络接口中图片报错403解决办法
网络接口都是有请求限制的,特别是图片字段值是绝对路径的情况,请求的时候就会报错403 问题,这个时候应该使用缓存的方式拿到请求图片的地址进行缓存,只要在请求到的图片链接前面加上‘https://images.weserv.nl/?url=’即可(这是一个专门缓存图片的网址)可能会有点慢使用方法如下:// 解决403图片缓存问题getImages( _url ){if...
·
网络接口都是有请求限制的,特别是图片字段值是绝对路径的情况,请求的时候就会报错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:是请求接口后返回的图片字段
用字符串拼接的方法将两个链接拼起来,就可以将图片加载出来。
更多推荐
已为社区贡献9条内容
所有评论(0)