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

2016-05-31 09:19:34css, 负载均衡, linux, 缓存问题

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

所以导致页面样式错乱:

image.png

image.png

image.png

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

网友回答:

  • jsoncode jsoncode 2016-6-8 3:44 回复:
    已被采纳

已经找到原因了:

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

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


  • terenc3 terenc3 2016-6-8 3:19 回复:

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

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

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

  • jsoncode jsoncode 2016-6-8 3:46 回复:terenc3
    谢谢你的回答,原因服务器返回的文件类型不符