1. ホーム
  2. javascript

[解決済み] リダイレクトがCORSポリシーでブロックされました。Access-Control-Allow-Origin」ヘッダーがありません。

2022-03-13 09:23:08

質問

を使用したアプリを制作しています。 Vue js . 設定により、設定変更時にURLへ変数を渡す必要があります。

<!-- language: lang-js -->

    $.get('http://172.16.1.157:8002/firstcolumn/' + c1v + '/' + c1b, function (data) { 
      // some code...
    });

しかし、私のアプリがURLをヒットすると、次のようなメッセージが表示されます。

Failed to load http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26: Redirect from 'http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26' to 'http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26/' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

解決方法は?

awdさんがおっしゃる、サーバーの責任者に再設定してもらう(ローカル開発では非現実的な解決策)ことに加え、私はこのようなchange-origin chromeプラグインを使用しています。

Moesif Orign & CORS チェンジャー

を作成することができます。 local dev server (ex: localhost:8080) から来ているように見える。 172.16.1.157:8002 or any other domain .