cdn上css文件引入页面后,response为空

发布于 2022-09-02 20:33:35 字数 526 浏览 10 评论 0

网站中,为了提高访问速度,吧css,js都换成cdn,是很常见的需求,最近发现引入的部分css没有对页面进行渲染,查看原因是css文件已经成功加载,但是,response内容是空的,直接打开浏览器访问这个css是可以访问到内容的。

所以导致页面样式错乱:

图片描述

图片描述

图片描述

这些文件都是在同一个cdn上的

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

世界和平 2022-09-09 20:33:35

已经找到原因了:

html中的link引入css时,文件类型是text/css,如果服务器端返回的文件类型不符,那么,response就是空的,无法加载到页面。

这个问题的出现,是cdn,默认把文件类型设置成了text/plain类型,修改为text/css类型就好了

一瞬间的火花 2022-09-09 20:33:35

你这些文件的状态码都是304哦,这些文件都是取于浏览器的缓存。

强制清理下缓存在进行多次测试,然后看看结果。

还有就是,你是通过什么方法将文件同步到CDN的?
你确定CDN上的文件不为空?如果是,我觉得应该是你浏览器缓存的原因。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文