「CORS ポリシーによってリダイレクトがブロックされました: 'Access-Control-Allow-Origin' ヘッダーがありません」を修正する方法は?

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 Converter (以前は無料でしたが、現在は仕事用メール アドレスが必要です>_>)
2. CORS を許可: Access-Control-Allow-Origin (2023 年テスト)

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

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