文章导读
在小程序开发过程中,你是不是也遇到过图片访问出现403错误的情况?别着急,今天顺亿就来帮你解决这个问题,让你轻松应对图片防盗链问题!
解决图片403错误的方法
遇到403错误,其实是因为服务器设置了防盗链机制。下面顺亿为你介绍两种解决方法:
方法一:使用标签
在前端页面头部添加一个标签,设置name为referrer,content为no-referrer,如下所示:
<meta name="referrer" content="no-referrer" />
方法二:使用weserv图片处理服务
另一种方法是使用weserv图片处理服务。你可以通过以下函数获取不受限制的图片路径:
function getImage(url){
console.log(url);
// 把现在的图片连接传进来,返回一个不受限制的路径
if(url !== undefined){
return url.replace(/^(http)[s]*(\:/)/,'https://images.weserv.nl/?url=');
}
}
使用方法很简单,把图片路径直接传进去,把原来的http://或https://替换或者直接在图片url前加上https://images.weserv.nl/?url=即可。例如:
https://images.weserv.nl/?url=http://xxx.jpg
小结与拓展
以上就是解决小程序图片403错误的方法,希望对你有所帮助。如果你还有其他编程问题,欢迎关注趣航编程网(www.vqhf.com),顺亿会在这里为你解答更多技术难题!
——顺亿/趣航编程网资深编辑
