CORSのエラーが出たけど解消できなかったときのメモ

エラー内容

構成

・codepenからaxiosでIFTTTのwebhooksのURLにリクエスト
・LINEnotifyで通知

なんのエラーか

異なるオリジン（ドメイン＋ポート番号の情報）で通信することを許可されていない場合に起こるエラー

解決方法

基本的にサーバーサイドでの実装

Access-Control-Allow-Origin: https://trusted-one.co.jp  // 特定のサイトを許可する
Access-Control-Allow-Origin: *   // 全てのサイトを許可する
Access-Control-Allow-Headers "X-Requested-With, Origin, X-Csrftoken, Content-Type, Accept"  // この辺は使うフレームワークにより異なるが許可するヘッダーを定義しておく。

こちらからcodepenもIFTTTのサーバーをさわれないので解決できない。。

Chromeの拡張機能を使う

入れてみたが変化なし。。

参考

なんとなく CORS がわかる...はもう終わりにする。
CORSについてざっくり理解する
CORS関連、これだけ知っとけばまぁ大丈夫
【CORS】クロスドメインによるエラーを解決する