img标签-访问绝对路径图片出现403的解决办法

当访问绝对路径图片出现403错误时,这通常是由于防盗链设置导致的。方法一是设置meta标签,使用no-referrer策略防止referrer信息传递。方法二是利用服务如images.weserv.nl,通过替换图片URL来绕过限制,返回不受限的图片路径。

img标签-访问绝对路径图片出现403的解决办法

图片请求显示403打不开
在这里插入图片描述

403是防止盗链的错误(这种设计,是api厂商正常保证自己的服务器不被刷流量)

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

1.referrer的几种状态

xxx

方法二:使用images.weserv.nl

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值