Failed to load resource: the server responded with a status of 403 () 问题解决

HTML5 herman 4644浏览
公告:“业余草”微信公众号提供免费CSDN下载服务(只下Java资源),关注业余草微信公众号,添加作者微信:xttblog,发送下载链接帮助你免费下载!
本博客日IP超过1800,PV 2600 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog,之前的微信号好友位已满,备注:返现
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
视频教程免费领

今天我发现我的网站的图片,在 mac 系统中的 Safari 浏览器中不显示。

为了一探究竟,我就开始调试,看看到底是咋回事。因为谷歌浏览器就是好的,Safari 上的图片却不显示。

一打开,控制台,发现报了一个 403 错误。“Failed to load resource: the server responded with a status of 403 ()”,翻译过来就是说,加载资源是不,服务器响应状态为403(禁止)。

Failed to load resource: the server responded with a status of 403 ()

403 一般代表没有权限等。但是明明我这个是可以用谷歌浏览器访问的啊,为什么一到 Safari 浏览器就 403 呢?

继续查看网络详情,发现 Safari 在请求这个图片时,传的 contentType 是 html,明明是一个 img 吗?为什么 contentType 被改成了 html,不应该是 jpg、png 等媒体格式吗?

Safari 是真坑。有人在 github 上提了 issues,表明这是 Safari 响应式设计模式问题,Masonry Safari 响应式设计模式问题。

后来,我发现是在 Safari 中 <figure> 标签,引起的问题,于是,我把 <figure> 标签改为 <p> 标签,完美解决。

原来是 <figure> 标签中包含<img>标签,我改为 <p> 标签中包含 <img> 标签。

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加作者微信号1:xmtxtt(5000人已满),微信号2:codedq(5000人已满),微信号3:xttblog(超2800)。备注:“xttblog”,添加博主微信拉你进微信群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作也可添加作者微信进行联系!

本文原文出处:业余草: » Failed to load resource: the server responded with a status of 403 () 问题解决