今回出くわした「Access-Control-Allow-Origin」のエラー
WEB制作していると、色々なプラグイン、APIなどを導入することになるのですが、その中で唯一見落としていたのが、Android 端末でChromeを使っているユーザー。
限定的なエラーになるのですが、下記のコード
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" integrity="sha384-KA6wR/X5RY4zFAHpv/CnoG2UW1uogYfdnP67Uv7eULvTveboZJg0qUpmJZb5VqzN" crossorigin="anonymous">Font Awesomeを使ったWEBサイトの作成も珍しくないのですが、簡単に上記のコードを埋め込むと、特殊な文字を出せて便利！となっているのですが、ここに落とし穴が…
自社のドメインから別のドメインを参照して、ファイルのアクセスを行うとクロスドメインのセキュリティが作動することがあり、該当のファイルを読み込めない時があります。
Windows、Mac共にSafari、Opera、Chromeは大丈夫なのですが、なぜかAndroidのChromeがクロスドメインのセキュリティにひっかるかることに。
ただ単にCSSファイルを参照するだけならいいのですが、CSSの記述に
src: url("../webfonts/fa-regular-400.eot");
上記のような記述が…
別ドメインからディレクトリの変更が加えられると、セキュリティー上止められます。流石Google製…
こういったことにならないように、提供元からファイルをダウンロードして、自社サーバーにアップロードして、そこから参照するようにしておきましょう。
Wisdom パソコンスクール 南千里とフリーランスで働く方とコラボし、WEBデザイナーフリーランス養成コースを開講！！
主婦の隙間時間、空き時間を使って副業もよし、学生でも空き時間を使って稼ぐのもよし、リモートワークになって時間が余っているからこそ使える時間がある方は、その時間を副業に使ってみてはどうでしょうか！？
実戦形式を取り入れた課題、現役フリーランスで働く方からの助言、メンタリングを受けられるサポート体制
さらに対面でスキルをサポートする教室があるので、教室内、外でもサポートが受けられ日々成長できる環境を提供します。
少しでも気になった方は ココをクリック！！