クロスドメインproxytableでVUE-CLI

なぜクロスドメイン?

ブラウザは何と呼ばれる同一生成元ポリシーを持っています。元ポリシーは、他のソースからのリソースと対話するための方法を同じソースからロードされた文書やスクリプトを制限します。これは、潜在的に悪質なファイルを隔離するために使用される重要なセキュリティメカニズムです。

契約は同一生成元ポリシーの両方のページ、ドメイン名、等しくないで任意のポートを提供している場合、2つのページが同じではありません持っていると考えられているソース

二つの異なるソースのリソースページのは、私たちが話している登場し、インタラクティブなブラウザの同一生成元ポリシーの制約になりますクロスドメインの問題

 

それはどのように行うためにすべきですか?

実際には、我々はVUEプロジェクトのconfig / index.jsを設定することによって、問題を解決することができます。

次のようにDEV、proxyTableを読みます:

私たちは、内部のターゲットで書かれたクロスドメインのドメイン名に必要なだけ頼みます

proxyTable: {
  '/api' : {
  target: 'http://touch.piao.qunar.com/' ,  //拿去哪儿网域名举例
  changeOrigin: true ,
  pathRewrite: {
   '^/api' : ''
  }
  }
},
 
我々は、APIを書くときその後、我々は、インデックスの構成では、私たちの友人の代わりに/ API /ドメイン名を指定することができ、ページ内の特定のリンクを要求するaxios要求の後ろに使用します
axios.get( "/ API / XXXXX)  

おすすめ

転載: www.cnblogs.com/skzxcwebblogs/p/11273056.html