项目场景:
html页面的src引用网络图片无法显示
问题描述
网络图片数据传输中网页无法显示图片的问题
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>图片引入</title></head><body><img src="https://img-/images/2024032511.png" title="CSDN"><!-- Src引用网络图片,当鼠板悬停图片时,显示title --></body></html>
原因分析:
服务器进行了拦截
服务器referer进行判断,认为不是正常referer,便拒绝了访问,我们可以模拟正常的referer请求下。经过测试发现,可以正常打开 https://img-/images/2024032511.png,所以我们就可以知道,在https下,发送的请求是不带有referer的。故我们需要在头标签内增加状态修订
解决方案:
需要修改只需要在中修改referrer
在头文件中添加下列语句:
<head><meta name="referrer" content="no-referrer"><head>
meta标签中name=referrer属性主要用于控制客户端发送给服务端的referrer信息,告诉服务端一些客户端的信息,如:来源网页的地址。
如果觉得《解决关于引入的网络图片 浏览器无法正常打开的问题》对你有帮助,请点赞、收藏,并留下你的观点哦!