网站中,为了提高访问速度,吧css,js都换成cdn,是很常见的需求,最近发现引入的部分css没有对页面进行渲染,查看原因是css文件已经成功加载,但是,response内容是空的,直接打开浏览器访问这个css是可以访问到内容的。
所以导致页面样式错乱:
这些文件都是在同一个cdn上的
认证高级PHP讲师
理由が見つかりました:
HTML 内のリンクに CSS が導入されている場合、ファイル タイプは text/css であり、サーバーから返されたファイル タイプが一致しない場合、応答は空になり、ページに読み込むことができません。
この問題は、CDN がデフォルトでファイル タイプを text/plain に設定しているために発生します。それを text/css に変更するだけです
これらのファイルのステータス コードはすべて 304 です。これらのファイルはブラウザのキャッシュから取得されます。
キャッシュを強制的に消去して数回テストし、結果を確認します。
また、ファイルを CDN に同期するにはどうすればよいですか? CDN 上のファイルが空ではないでしょうか?もしそうなら、ブラウザのキャッシュが原因だと思います。
理由が見つかりました:
HTML 内のリンクに CSS が導入されている場合、ファイル タイプは text/css であり、サーバーから返されたファイル タイプが一致しない場合、応答は空になり、ページに読み込むことができません。
この問題は、CDN がデフォルトでファイル タイプを text/plain に設定しているために発生します。それを text/css に変更するだけです
。これらのファイルのステータス コードはすべて 304 です。これらのファイルはブラウザのキャッシュから取得されます。
キャッシュを強制的に消去して数回テストし、結果を確認します。
また、ファイルを CDN に同期するにはどうすればよいですか?
CDN 上のファイルが空ではないでしょうか?もしそうなら、ブラウザのキャッシュが原因だと思います。