网站中,为了提高访问速度,吧css,js都换成cdn,是很常见的需求,最近发现引入的部分css没有对页面进行渲染,查看原因是css文件已经成功加载,但是,response内容是空的,直接打开浏览器访问这个css是可以访问到内容的。
所以导致页面样式错乱:
这些文件都是在同一个cdn上的
认证高级PHP讲师
已經找到原因了:
html中的link引入css時,檔案類型是text/css,如果伺服器端回傳的檔案類型不符,那麼,response就是空的,無法載入到頁面。
這個問題的出現,是cdn,預設把檔案類型設定成了text/plain類型,修改為text/css類型就好了
你這些檔案的狀態碼都是304哦,這些檔案都是取於瀏覽器的快取。
強制清理下緩存在進行多次測試,然後看看結果。
還有就是,你是透過什麼方法將檔案同步到CDN的? 你確定CDN上的檔案不為空?如果是,我覺得應該是你瀏覽器快取的原因。
已經找到原因了:
html中的link引入css時,檔案類型是text/css,如果伺服器端回傳的檔案類型不符,那麼,response就是空的,無法載入到頁面。
這個問題的出現,是cdn,預設把檔案類型設定成了text/plain類型,修改為text/css類型就好了
你這些檔案的狀態碼都是304哦,這些檔案都是取於瀏覽器的快取。
強制清理下緩存在進行多次測試,然後看看結果。
還有就是,你是透過什麼方法將檔案同步到CDN的?
你確定CDN上的檔案不為空?如果是,我覺得應該是你瀏覽器快取的原因。