サーバー引越でFont Awesome5が文字化け

ドメインも変えてサーバー引越をしたLaravel6アプリで、Font Awesome5 Freeが文字化けした。

FireFoxのウェブ開発ツールを見てみると、Reason: CORS header 'Access-Control-Allow-Origin’ missingとなっている。
いわゆるCORSのエラーです。

ドメインが変わっているのは、サーバー引越の準備での仮ドメインなので、それが原因です。
引越が完了したら、ドメインの移動をするから、最終的には問題解決すると思いますが、解決方法を探してみた。

レスポンスヘッダーを追加するといいらしい?

該当するディレクトリに、.htaccessを設置します。

Font Awesome5 Freeがあるディレクトリfontawesome-free.htaccessを設置

中身はこれだけ

これで、文字化けは解消ですが、一時しのぎです。

Laravel

Posted by nanaki