vue プロジェクトを開発するとき、webpack のクロスドメインの問題のため、問題を解決するためにルート ディレクトリにある設定ファイルのindex.js サブファイルにある dev の proxyTable 設定を変更しましたが、パッケージ化になるとこれらのパスで問題が発生する場合があります:
例:
1.index.js ファイルで構成します:
2. get/post が必要な vue 内のファイルで vue-resoure
を使用します。 リーリー結果は次のとおりです:
1. 開発プロセス中に dev コマンドを使用すると、クロスドメインの問題は解決できますが、パッケージ化後はリンクが機能しなくなります。
質問:
this.$http.get の URL に毎回手動でアクセスする必要がない場合、それを解決する方法はありますか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
すべての URL を別のファイル (apis.js) に抽出し、apis.js を 1 つのファイルで制御します。
次に、apis.js で
process.env.NODE_ENV === 'production'を使用して、開発環境と運用環境を区別します。開発バージョンと運用バージョンの URL をそれぞれエクスポートします。