CORSエラーが出ている？

[nobuhiko]

概要(Overview)

Access to CSS stylesheet at 'https://use.fontawesome.com/releases/v5.3.1/css/all.css' from origin 'https://hogehoge' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

期待する内容(Expect) or 要望 (Requirement)

エラーが出ない

再現手順(Procedure)

TOPページをコンソールで見る

環境 (environment)

• EC-CUBE: 4.2
• PHP: 7.x.x
• DB:
  • PostgreSQL x.x.x
  • MySQL x.x.x

関連情報 (Ref)

[chihiro-adachi]

以前は自分も出てたこともありましたが今は解消しています。 なんの条件ででるんだろう。。

[nobuhiko]

@chihiro-adachi 管理画面は出てないのにフロントだけ出ているんですよね、なんなんでしょ？？

[chihiro-adachi]

fortawesome側でも定期的にissueが立っているようです。 https://github.com/FortAwesome/Font-Awesome/issues?q=is%3Aissue+cors+

[ikeshima]

いくつかの改善案をネットで見つけたので記載いたします。

案１．ECCUBEパッケージにFont Awesomeのデータを含めて、それを利用する。 　　　もしくはEC-CUBEの独自アイコンを作成する。

案２．Font Awesomeが提供しているJavaScript版を使うように変更する。　 参考サイト https://www.softel.co.jp/blogs/tech/archives/6103

案３．Font AwesomeのCDNだけ下記のように変更する（「https;」を取る） 「https://use.fontawesome.com」　⇒　「//use.fontawesome.com」　 参考サイト https://glazestyle.com/blog/fontawesome/

下記課題で記載した改善案を本課題に転記いたしました。 https://github.com/EC-CUBE/ec-cube/issues/6023