起きたエラー
チーム開発中、郵便番号検索APIを利用して、データの取得を行っていたが、
急にデータを取得出来なくなった。
ステータス200が返っているのに、CORSが表示され正常レスポンスで取得できるデータが取れない...
解消法
これまでのコード
const res = await fetch('https://example.com/api/json');
【間違い】
headerを追記したコード
【正解】
サーバーの応答時に Access-Control-Allow-Origin を含めることを認識させる
- const res = await fetch('https://example.com/api/json');
+ const res = await fetch('https://example.com/api/json', {
+ header: {
+ 'Access-Control-Allow-Origin': '*',
+ },
+})
原因
異なるオリジンAPIを叩いたから
色々検索して記事読んでみたけど、難しい..
クライアント側だったりサーバー側だったりっていうのをきちんと理解していない今。
(その辺の根本の理解足りてない。。)
おまえ敵か!?って疑われたって認識で合ってるかな?
参考サイト