vue请求网络接口中图片无法显示报错403解决办法
自己写的小demo,使用mock数据,发现登录图片请求403,获取不到解决方法如下方法一:在模拟数据avatar图像的前面加上’https://images.weserv.nl/?url=’+'你的图片路径地址’再次登录就有图像了如果是请求后台接口无法获取图像的话方法二:getImages( _url ){if( _url !== undefined ){...
·
自己写的小demo,使用mock数据,发现登录图片请求403,获取不到
解决方法如下
方法一:
在模拟数据avatar图像的前面加上
’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:是请求接口后返回的图片字段
请求后的结果调用此方法就好了
如果你是html页面的话可以直接在页面头部添加一个meta
方法三:
使用no-referrer
<meta name="referrer" content="no-referrer" />
no-referrer不仅针对图片的防盗链,还可以是其他标签
1.a标签的referrer
<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">XXX</a>
2.img/image标签的referrer
<img referrer="no-referrer|origin|unsafe-url" src="xxx" />
<image referrer="no-referrer|origin|unsafe-url" src="xxx" />
以上都是亲测有效的,欢迎尝试
更多推荐
已为社区贡献5条内容
所有评论(0)