(React)npm start起動時のCORS回避

前提

フロントエンド - React.js
バックエンド - Go

問題

npm startでサーバを起動した際、React App内で外部APIをfetchすると、CORSエラーが発生する。

すでに行った対処(参考にした記事)

• fetchの第二変数に{mode: 'cors'}を追加する。
• GoのResponse Headerにw.Header().Set("Access-Control-Allow-Origin", "*")を追加。

この二つの対処では、CORSエラーは解消されなかった。

解決法

(ここに書いてあった。プロキシを挟むと良い。)

ブラウザからのAPIの送り先がlocalhost:4000の場合は、React Appのpackage.jsonに、
"proxy": "http://localhost:4000",
と追加で記述すると良い。

fetchでlocalhost:4000/apiにリクエストを投げたい時は、
fetch("/api", {mode: 'cors'}).then....
と書く。