网站中,为了提高访问速度,吧css,js都换成cdn,是很常见的需求,最近发现引入的部分css没有对页面进行渲染,查看原因是css文件已经成功加载,但是,response内容是空的,直接打开浏览器访问这个css是可以访问到内容的。
所以导致页面样式错乱:
这些文件都是在同一个cdn上的
网站中,为了提高访问速度,吧css,js都换成cdn,是很常见的需求,最近发现引入的部分css没有对页面进行渲染,查看原因是css文件已经成功加载,但是,response内容是空的,直接打开浏览器访问这个css是可以访问到内容的。
所以导致页面样式错乱:
这些文件都是在同一个cdn上的
你这些文件的状态码都是304哦,这些文件都是取于浏览器的缓存。
强制清理下缓存在进行多次测试,然后看看结果。
还有就是,你是通过什么方法将文件同步到CDN的?
你确定CDN上的文件不为空?如果是,我觉得应该是你浏览器缓存的原因。
5 回答1.3k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
4 回答2k 阅读
2 回答1.4k 阅读✓ 已解决
1 回答2.9k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
已经找到原因了:
html中的link引入css时,文件类型是text/css,如果服务器端返回的文件类型不符,那么,response就是空的,无法加载到页面。
这个问题的出现,是cdn,默认把文件类型设置成了text/plain类型,修改为text/css类型就好了