☰

Axios に CORS の問題がある 質問する

tag-icon • tag-icon reactjs proxy cors axios
Axios に CORS の問題がある 質問する

package.json にプロキシを追加したところ、うまく動作しましたが、npm run build 後に CORS の問題が再び発生しました。React で npm run build 後に CORS の問題に対処する方法をご存知の方はいませんか。

さまざまな方法を使用して、axios リクエストにヘッダーを追加しようとしました。ただし、axios リクエストに 'Access-Control-Allow-Origin':'*' を追加できませんでした。私のコードは次のとおりです。

パッケージ.json

  "proxy": {
      "*":{ "target" : "http://myurl"}
   }

GetData.js

  axios.defaults.baseURL = 'http://myurl';
  axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
  axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
  axios.get(serviceUrl, onSuccess, onFailure)
  .then(resp => { 
        let result = resp.data;
        onSuccess(result);
  })
  .catch(error => {
        if(onFailure) {
            return onFailure(error);
        }
  })
 }

注: サーバー側から有効になっていますが、まだ動作していません。現在、サーバー側からコードを変更することはできません。私の作業はクライアント側のみに制限されています。

ベストアンサー1

サーバー側でクロスオリジンリクエストを有効にする必要があります。クライアント側で有効にする必要はありません。有効にするには、この素敵なページ複数のプラットフォーム向けの実装と構成

おすすめ記事