cdn上css文件引入页面后,response为空
网站中,为了提高访问速度,吧css,js都换成cdn,是很常见的需求,最近发现引入的部分css没有对页面进行渲染,查看原因是css文件已经成功加载,但是,response内容是空的,直接打开浏览器访问这个css是可以访问到内容的。
所以导致页面样式错乱:
这些文件都是在同一个cdn上的
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
已经找到原因了:
html中的link引入css时,文件类型是text/css,如果服务器端返回的文件类型不符,那么,response就是空的,无法加载到页面。
这个问题的出现,是cdn,默认把文件类型设置成了text/plain类型,修改为text/css类型就好了
你这些文件的状态码都是304哦,这些文件都是取于浏览器的缓存。
强制清理下缓存在进行多次测试,然后看看结果。
还有就是,你是通过什么方法将文件同步到CDN的?
你确定CDN上的文件不为空?如果是,我觉得应该是你浏览器缓存的原因。