CORS ポリシーがリダイレクトをブロックする問題を解決する方法

Question

Vue js を使用してアプリケーションを開発しています。 私の設定に基づくと、設定が変更されたときに URL に変数を渡す必要があります。

<code><!-- 言語: lang-js -->

    $.get('http://172.16.1.157:8002/firstcolumn/' c1v '/' c1b, function (data) {
      // 何らかのコード...
    });
</code>

しかし、アプリケーションが URL にアクセスすると、次のメッセージが表示されます。

http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26 の読み込みに失敗しました: 'http:/ からリダイレクトします/ /172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26」から「http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26/」はCORS ポリシーがブロックされています: 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、ソース「http://localhost:8080」へのアクセスは許可されません。 

Answer 1

皆様のおかげで、Chrome ブラウザ上のこの拡張機能の問題を解決できました。

CORS を許可: Access-Control-Allow-Origin

Answer 2

awd がサーバーの責任者に再構成させることについて述べたこと (ローカル開発では非現実的な解決策) に加えて、私は次のように変更ソース Chrome プラグインを使用します。

1. Moesif Orign & CORS Changer (以前は無料でしたが、現在は仕事用メール アドレスが必要です >_>)
2. Allow CORS: Access-Control-Allow-Origin (2023 年にテスト済み)

ローカル開発サーバー (例: localhost:8080)

が 172.16.1.157:8002 または他のドメイン名 から来ているように見せることができます。