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

在写小程序的时候，后端返回一个网址，直接浏览器打开没问题，但是src访问这个网址获取图片，显示会出现403(防止盗链)的错误
最开始百度以为是没清缓存，后来发现403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量）

方法一：使用no-referrer
这种方案不仅针对图片的防盗链,还可以是其他标签.
在前端页面头部添加一个meta

<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>

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

原图片的http://是可以省略的(与上面的getImage函数是一样的结果)

https://images.weserv.nl/?url=xxx.jpg

访问图片出现403的解决办法相关推荐

阿里云服务器安全组配置-有关访问实例异常的解决办法
阿里云服务器安全组配置-有关访问实例异常的解决办法参考文章: (1)阿里云服务器安全组配置-有关访问实例异常的解决办法 (2)https://www.cnblogs.com/ylcxBlog/p/7 ...
Nuget 管理报repositories.config 访问路径被拒绝解决办法
Nuget 管理报repositories.config 访问路径被拒绝解决办法就是把packages/repositories.config 删除再管理更新即可生成最新的repositor ...
内网用户通过域名或公网IP访问内部服务器的解决办法
内网用户通过域名或公网IP访问内部服务器的解决办法原因-路由回流组网图解决方案内部NAT方案内网用户与服务器不同网段 E0/0和E0/2都需要做nat server 内网用户与服务器相同网段 ...
浏览器无法访问gitlab.nicky.com解决办法
浏览器无法访问gitlab.nicky.com解决办法 1. 找到可以访问到该地址的主机,cmd窗口查看 2. 把其配置在访问不到的主机host里. 1. 找到可以访问到该地址的主机,cmd窗口查看 ...
有关阿里云服务器ping不通解决办法（云服务器搭建完环境访问不了ip解决办法）
阿里云服务器ping不通解决办法(云服务器搭建完环境访问不了ip解决办法) 问题:这里的服务器我以阿里云为例,学生套餐嘛,便宜,最近搞服务器,然后Ubuntu16.04下搭建LAMP环境后发现输入ip ...
网络图片访问不到，403的解决办法（详解）
富文本中复制百度百科的一份知识,在项目预览时发现图片显示不出来,报403问题, 图片地址用新网址打开正常显示原因:403是防止盗链的错误(这种设计,是api厂商正常保证自己的服务器不被刷流量) 比如 ...
【已解决】HTTP错误403.14-Forbidden解决办法（WEB开发）
错误提示如图: 403错误系列: 403.1错误是由于"执行"访问被禁止而造成的,若试图从目录中执行CGI.ISAPI或其他可执行程序,但该目录不允许执行程序时便会出现此种错误. ...
ajax 调用服务器接口报403错误解决办法
发现问题在前端页面中远程调用服务器接口时报403错误,而直接在浏览器访问则不会报错. Ajax调用结果: 浏览器调用结果: 报403原因经过分析发现是因为前端和服务器的域名不同而触发了防盗链机制. ...
小程序访问本地服务器拒绝访问,文件夹拒绝访问的原因与解决办法
一般来说遇到文件夹拒绝访问主要是由于病毒或者管理者权限不够导致的下面分别自己介绍下: ⒈)电脑中病毒导致文件夹拒绝访问通常某些顽固病毒文件喜欢隐藏在某些文件夹当中,如果电脑中病毒后,就可能破坏管理 ...
cloudera manager的7180 web界面访问不了的解决办法（图文详解）
说在前面的话我的机器是总共4台,分别为ubuntucmbigdata1.ubuntucmbigdata2.ubuntucmbigdata3和ubuntucmbigdata4.(注意啦,以下是针对Ub ...

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

访问图片出现403的解决办法相关推荐

最新文章

热门文章