ReactJsアプリでgetリクエストを実行すると、次のように生成されるときにエラーが発生します
"XMLHttpRequestはhttp:// localhost :3002 / api / usersを読み込めません。プリフライトリクエストへの応答はアクセス制御チェックに合格しません:要求されたリソースに 'Access-Control-Allow-Origin'ヘッダーがありません。Origin'http: // localhost :3005 'はアクセスを許可されていないため、応答のHTTPステータスコードは404でした。」
私のコード。
const ROOT_URL = ' http:// localhost :3002';
const AUTH_TOKEN = 'eyJ0eXAiOiJKV1QiLCJhb ..................';
axios.defaults.baseURL = ROOT_URL;
axios.defaults.headers.common ['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post ['Content-Type'] = 'application / json; charset = utf-8';
axios.get( '/ api / users')。then(function(response){
console.log(response.data);
console.log(response.status);
console.log(response.statusText);
console.log(response.headers);
console.log(response.config);
});
これはアクシオスの問題ではありません。 CORSリクエストを受け入れるようにサーバーを設定する必要があります。 http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resourceへの最初の回答を見て
こんにちは、
私はすでにそれを使用しました。 追加されたサーバーで修正
"ルート":{
「cors」:true
}
Hapi構成接続で
ありがとう。
こんにちは@ 9torはこの問題を解決しましたか?
最も参考になるコメント
これはアクシオスの問題ではありません。 CORSリクエストを受け入れるようにサーバーを設定する必要があります。 http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resourceへの最初の回答を見て