クロスドメイン問題解決環境VUE-CLIプロジェクトの初期の開発

最近（ヴューを表示するための情報や管理情報プラットフォームに基づいて）彼の卒業を完了し、その過程で発生した問題のいくつかを整理したいと思います。

Vueの-CLIプロジェクトの初期化ファイルのディレクトリを使用する場合、デフォルトのポート8080に基づいて、Vueの開発プロジェクトが占有し、私は地元のシミュレーションのためのデータを取得するために、データベース・リンクをローカルサーバをNode.jsの使用したいです。設定するときに、サーバノードは、ポート番号を提供する必要があり、および8080を繰り返すことができない、私は（すでにあることができるかポート、夏謝を占有されていない場合、これは、重要ではありません）ポート8888を使用することにしました。もちろん、あなたがクロスドメインリクエストの問題に関連した別のポート番号、ので、URLを使用するとき。

いくつかのコードを追加するためのconfigディレクトリ内のファイルindex.jsに解決することができます - クロスドメインリクエストのこの問題に対する簡単な解決策があります。

示すように、ディレクトリでindex.js設定ファイル：

次のようにコンフィギュレーション・コードは次のとおりです。

proxyTable：{ 
　　'/ API'：{ 
　　　　ターゲット：'のhttp：// localhostを：8888'、
　　　　changeOrigin：真、
　　　　pathRewrite：{ 
　　　　　　'^ / API'： '/ API'

　　　　} 
　　} 
}

• target：Domainインタフェース
• changeOrigin：演技オン
• pathRewrite：アドレスを書き換えると、その使用見ることができる/apiインタフェース名が「/ API /大学院/ getShowList」、要求は実際の「/ API /大学院/ getShowList」に書かれるべきである場合、要求インタフェース名、同様に一致するようにします。