2017-05-12 5 views
2

私はs3サーバーにアキシオを要求しています.また、私は得たOPTIONS https://s3.ap-northeast-2.amazonaws.com/.../... 403 (Forbidden)エラー:プリフライト要求に対する応答がアクセス制御チェックを通過しません:要求されたリソースに「アクセス制御許可の原点」ヘッダーが存在します

私はクライアント側でこの問題を解決する必要があります。私は私のローカルマシン上のファイルをホストしています。 私のリクエストコードは以下の通りです。

axios({ 
    url: 'https://s3.ap-northeast-2.amazonaws.com/.../...', 
    method: 'get', 
    withCredentials: true, 
    headers: { 
    'Content-Type': 'image/jpeg', 
    'Access-Control-Allow-Origin': 'http://*, https://*', 
    } 

})

私はgitの

  • インストールクロームプラグインを使用して

    1. start chrome --disable-web-securityを試してみました - -CONTROL-許可-起源許可:*

    何も働きました。..どうすればこの問題を解決できますか?

  • +1

    あなたが' HTTPSでサーバーを設定する必要があります。あなたはそれを行うためにそのサーバーにアクセスできますか?そうでない場合は、プロキシ経由でリクエストする必要があります。詳細はhttps://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource/42744707#42744707の回答を参照してください。 * chromeを起動する--disable-web-security *やプラグインをインストールすることは、問題の解決策ではありません。それはあなたのアプリのユーザーのためにそれを修正しません。 – sideshowbarker

    答えて

    2

    Access-Control-Allow-Origin応答ヘッダない要求ヘッダです。これをローカルで修正することはできません。相手側で問題があるためです。

    アクセスしようとしているS3バケットにCORS(クロス・ソース・リソース共有)が有効に設定されている必要があります。アクセス制御 - 許可 - 起源ヘッダを送信するために// s3.ap-northeast-2.amazonaws.com/... `:

    http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

    関連する問題