ホームページ >ウェブフロントエンド >jsチュートリアル >CORS エラーを解決する方法: Chrome プラグインを使用した Vue.js の「リダイレクトがブロックされました」

CORS エラーを解決する方法: Chrome プラグインを使用した Vue.js の「リダイレクトがブロックされました」

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-11 12:10:02875ブラウズ

How to Resolve CORS Error: 'Redirect has been blocked' in Vue.js with Chrome Plugins?

CORS エラー:「リダイレクトがブロックされました」Chrome プラグインで解決されました

Vue で URL 変数に変更を設定しようとしたとき.js アプリケーションを実行すると、「リダイレクトは CORS ポリシーによってブロックされました: いいえ」というエラー メッセージが表示される場合があります。 「Access-Control-Allow-Origin」ヘッダー。このエラーは、別のドメインまたはサーバー (この場合は '172.16.1.157:8002') に送信されたリクエストがブラウザーのクロスオリジン リソース共有 (CORS) ポリシーによってブロックされていることを示します。

このエラーを解決するには、いくつかのオプションがあります:

  1. サーバーを変更する構成:
    サーバーの責任者に、値「http://localhost:8080」を持つ「Access-Control-Allow-Origin」ヘッダーを含めるように「172.16.1.157:8002」ドメインを構成するように要求します。 ' (または適切なオリジン)。
  2. CORS 変更 Chrome を使用するプラグイン:
    リクエストの送信元を変更できる Chrome プラグインをインストールします。このようなプラグインはいくつか利用可能です:

    • Allow CORS: Access-Control-Allow-Origin (推奨)
    • Moesif Origin & CORS Changer (注: 現在は仕事用メール アドレスが必要です)

    これらのプラグインは、ローカル開発サーバー (例: 'localhost:8080') は、'172.16.1.157:8002' ドメインから送信されているように見えます。

以上がCORS エラーを解決する方法: Chrome プラグインを使用した Vue.js の「リダイレクトがブロックされました」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。