0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

CloudflareでCSSやJSがうまく取り込まれないエラー

Posted at

サイトのデザインが崩れている

アプリから普段使っている自前のmastodonなので気づかず、
久々にサイトにブラウザからアクセスするとCSSがサイトに適用されてないことを気づきました。
エラーは下記の内容が出ていることに気づきました。

Failed to find a valid digest in the 'integrity' attribute for resource 'なんかのアドレス/public-ab941698ac089d1d7d72.chunk.js' with computed SHA-256 integrity 'Hc7ySkRFUKaK478NGlcmpExGk33HiiIixG2obimbNzA='. The resource has been blocked.

原因

原因はCloudflareなどのCDNを使っているとオプション機能でcssやjsを圧縮してくれるみたいなのですが、
サーバー側の機能ですでに圧縮されていた場合に、
不正なコードが入っていないかチェックする機構が働くとこの現象が起きるみたいです。
下記のところでAuto minifyでjsとcssのチェックを外します。

image.png

最後にキャッシュデータをパージします。

image.png

これで正常通りの表示になっているはずです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?