サーバー引越でFont Awesome5が文字化け
ドメインも変えてサーバー引越をしたLaravel6アプリで、Font Awesome5 Freeが文字化けした。
FireFoxのウェブ開発ツールを見てみると、Reason: CORS header 'Access-Control-Allow-Origin’ missingとなっている。
いわゆるCORSのエラーです。
ドメインが変わっているのは、サーバー引越の準備での仮ドメインなので、それが原因です。
引越が完了したら、ドメインの移動をするから、最終的には問題解決すると思いますが、解決方法を探してみた。
レスポンスヘッダーを追加するといいらしい?
該当するディレクトリに、.htaccessを設置します。
1 2 3 4 5 6 7 8 9 |
laravel (省略) ├ public │(省略) │ ├ fonts │ │ └ vendor │ │ └ @fortawesome │ │ └ fontawesome-free (以下省略) |
Font Awesome5 Freeがあるディレクトリfontawesome-freeに.htaccessを設置
中身はこれだけ
1 |
Header set Access-Control-Allow-Origin "*" |
これで、文字化けは解消ですが、一時しのぎです。