访问图片出现403的解决办法

问题描述：图片地址直接再浏览器里打开始可以访问的，但是放到image-src下进行访问就会报错，可能是触发了防盗链，解决方法如下：

• 方案一：使用no-referrer，这种方案不仅针对图片的防盗链,还可以是其他标签.

在前端页面头部添加一个meta

<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|origin|unsafe-url" src="{{item.src}}"/>  
<image referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"></image>

• 方案二：使用images.weserv.nl

把图片路径直接传进去,把原来url前面的http:///https://替换或者直接在图片url前加上https://images.weserv.nl/?url= ，如：images.weserv.nl/?url=http:/…

getImage(url){  
    console.log(url);  
    // 把现在的图片连接传进来，返回一个不受限制的路径  
    if(url !== undefined){  
        return url.replace(/^(http)[s]*(\:\/\/)/,'https://images.weserv.nl/?url=');  
    }  
}