HTML Img标签 src为网络地址无法显示图片问题解决（https）
img src="https://pic.cnblogs.com/avatar/1549846/20191126100502.png" alt="加载失败"> 图片无法显示。只需要在标签内添加 就可以了。上面出现403就是因为，请求的是别人服务器上的资源，但把自己的referrer信息带过去了，被对方服务器拦截返回了403。，发送请求不会带上referrer信息，对方服务器也就无法拦截了。
文章共341字 · 阅读需要大约2分钟
一键AI生成摘要，助你高效阅读
问答
·
举例说明：
<img src="https://pic.cnblogs.com/avatar/1549846/20191126100502.png" alt="加载失败"> 图片无法显示
查看控制台的network，错误信息为 403(forbidden)
只需要在<head>标签内添加 <meta name="referrer" content="no-referrer">就可以了
<head>
<meta name="referrer" content="no-referrer">
</head>
原理解析：
http请求头中有一个referrer字段，用来表示发起http请求的源地址信息
服务器端在拿到这个referrer值后判断请求是否来自本站
若不是则返回403，从而实现图片的防盗链。
上面出现403就是因为，请求的是别人服务器上的资源，但把自己的referrer信息带过去了，被对方服务器拦截返回了403
在前端可以通过meta来设置referrer policy(来源策略)，referrer设置成no-referrer，发送请求不会带上referrer信息，对方服务器也就无法拦截了
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
14
0- 0
已为社区贡献1条内容
所有评论(0)