javascript - vue2.0 プロジェクトは webpack を使用してパッケージ化してオンラインにします

Question

vue プロジェクトを開発するとき、webpack のクロスドメインの問題のため、問題を解決するためにルート ディレクトリにある設定ファイルのindex.js サブファイルにある dev の proxyTable 設定を変更しましたが、パッケージ化になるとこれらのパスで問題が発生する場合があります:
例:
1.index.js ファイルで構成します:

リーリー

2. get/post が必要な vue 内のファイルで vue-resoure

を使用します。 リーリー

結果は次のとおりです:
1. 開発プロセス中に dev コマンドを使用すると、クロスドメインの問題は解決できますが、パッケージ化後はリンクが機能しなくなります。
質問:
this.$http.get の URL に毎回手動でアクセスする必要がない場合、それを解決する方法はありますか?

Answer 1

すべての URL を別のファイル (apis.js) に抽出し、apis.js を 1 つのファイルで制御します。

次に、apis.js で process.env.NODE_ENV === 'production' を使用して、開発環境と運用環境を区別します。開発バージョンと運用バージョンの URL をそれぞれエクスポートします。