前端返回一个网址,直接浏览器打开没问题,但是src访问这个网址获取图片,显示会出现403(防止盗链)的错误,或者是不在src的路径里面显示,复制路径后会在有浏览器却可以显示
处理方法一
使用
no-referrer
在头部使用
<meta name="referrer" content="no-referrer" />
开防盗链后,好多图片都挂了,加这个标签就可以
在标签里面使用
<!-- a标签的referrer -->
<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>
<!-- img/image标签的referrer -->
<img referrer="no-referrer" src="{{good.src}}"/>
<image referrer="no-referrer" src="{{good.src}}"></image>
处理方法二
使用images.weserv.nl
getImage(url){
console.log(url);
// 把现在的图片连接传进来,返回一个不受限制的路径
if(url !== undefined){
return url.replace(/^(http)[s]*(\:\/\/)/,'https://images.weserv.nl/?url=');
}
}
把图片路径直接传进去,把原来url
前面的http://
/https://
替换或者直接在图片url前加上https://images.weserv.nl/?url=
如:
https://images.weserv.nl/?url=//xxx.jpg