Vueのプロジェクト開発環境を解決する前に、分離モードの終了後の研究---クロスドメインの問題のVueの概要

オリジナルます。https://blog.csdn.net/localhost_1314/article/details/83623526 

別々のバックエンドWeb開発のフロント、我々FBIや背景、クロスドメインの問題が発生します。

例えば:

開発アドレスはlocalhostです:9000インターフェース:8080、ローカルホストにアクセスする必要があります。

異なるドメイン名の間のアクセスは、あなたが適切にクロスドメインリクエストする必要があります。クロスドメインの方法、作成ヴュー-CLIプロジェクトの多くは、あなたが直接、Node.jsのプロキシサーバー、クロスドメインリクエストを使用することができます。

ソリューション:

Axiosが装着
修飾URLようにグローバルコンフィギュレーションではなく、1つずつのbaseURLのmain.jsでは、コンテキストアドレス一致の要求は、エージェントは、要求ドメイン交差することができる場合、インターセプターとして機能します


 

3. devに設定-index.jsに設定項目proxyTableを追加します。

 

どこで:

「/ APIは、」マッチング傍受、一致します

ターゲットアドレス要求(通常はローカルインターフェイスアドレスによってバックグラウンドで展開)

インタフェースは、元の接頭辞ではないのに対し、pathRewriteアドレス、プレフィックス「/ APIの」スイッチを「」書き換える必要があり、AjaxのURL内の接頭辞「/ APIの」が加えので、設定を書き換えるpathRewrite。

インタフェース自体、そこに「/ APIを」のアドレスこの共通プレフィックス場合は、削除pathRewriteことができます。

HTTPS要求を必要なときに、HTTPSアドレスのヘッドは、のみ設定する必要があります。


おすすめ

転載: www.cnblogs.com/qcq0703/p/10964382.html