HTML代码图片地址直接在浏览器上可以打开,但是在img标签请求404错误 原创 阁主 2023-07-04 23:52:16 阅读 1188 次 评论 0 条 摘要:简单方法解决html前端图片限制跨域问题。 ## BUG问题 问题如下图 ![](https://www.mainblog.cn/zb_users/upload/2023/07/202307042355419578546.png) ## 解决方法 在html顶部声明代码区中添加下面的代码: ```html ``` ![](https://www.mainblog.cn/zb_users/upload/2023/07/202307042357396108337.png) ## 测试结果 下图为正常结果 ![](https://www.mainblog.cn/zb_users/upload/2023/07/202307042359189675243.png) ## 原因分析: - http请求体的header中有一个referrer字段,用来表示发起http请求的源地址信息,这个referrer信息是可以省略但是不可修改的,就是说你只能设置是否带上这个referrer信息,不能定制referrer里面的值 - 服务器端在拿到这个referrer值后就可以进行相关的处理,比如图片资源,可以通过referrer值判断请求是否来自本站 - 图片服务器做了防盗链的这种情况下就会有这种问题,因为图片服务器根据referrer值判断不是本站,就访问不到。 ## 参考文章 https://www.jianshu.com/p/e1f2c416facc 本文地址:https://www.mainblog.cn/317.html 版权声明:本文为原创文章,版权归 阁主 所有,欢迎分享本文,转载请保留出处! 免责申明:有些内容源于网络,没能联系到作者。如侵犯到你的权益请告知,我们会尽快删除相关内容。 PREVIOUS:华为eNSP配置简易基础WLAN实验 NEXT:HTML表单常用标签和常用属性 文章导航