localhostのレスポンスヘッダーか本体をキャッシュしていることが原因のようです。 Access-Control-Allow-Origin: localhost:3000を受け取るため、localhostなら問題ないですが、本番環境は当然ながらlocalhost:3000ではないことからエラーになっていたということです。 該当する通信を右クリックしてブ...
出力にCORSルールの設定と一致するCORSヘッダーが含まれている場合、キャッシュが原因でエラーが発生する可能性があります。 これは、最初のリクエストがクロスオリジンリクエストではなく、返されたデータがローカルにキャッシュされているこ...
このとき、ポートは4000、つまりlocalhost:4000/graphqlがバックエンド側のURIでした。 フロントエンド フロントエンドはReactとTypeScriptで実装していて、最初の読み込みの際にGraphQLを使って、バックエンドにリクエストを投げ、受け取ったレスポンスの内容を表示するという至ってシンプルな...
OPTIONS を選び、横のチェックマークをクリックする セットアップ画面が出るが、ここは何を入力しても影響がないらしいので、入力項目がない mock にでもチェックして、保存。 メソッドレスポンスをクリック 「▶」をクリック ヘッダーの追加 レスポンスの追加 以下追加する ・Access-Co...