Javascript – Das Vue2.0-Projekt verwendet Webpack, um es zu verpacken und online zu stellen

Question

Bei der Entwicklung des Vue-Projekts habe ich aufgrund von domänenübergreifenden Problemen im Webpack die ProxyTable-Konfiguration von dev in der Unterdatei index.js der Konfigurationsdatei im Stammverzeichnis geändert, um das Problem zu lösen Um zu packen und online zu gehen, wird es Probleme mit dem Pfad geben:
Beispiel:
1 Konfigurieren Sie in der Datei index.js:

proxyTable:{
    '/api': {
    target: 'http://api.*******.cn',
      changeOrigin: true,
      pathRewrite: {
      '^api':'api'
    }
  }
}

2. Verwenden Sie vue-resoure

in einer Datei in Vue, die abgerufen/veröffentlicht werden muss

this.$http.get('api/**/**/**/hello',...).then((res) => {
...
}).catch((err) => {
...
})

Das Ergebnis ist:
1. Die Verwendung des dev-Befehls während des Entwicklungsprozesses kann domänenübergreifende Probleme lösen, aber der Link funktioniert nach dem Packen nicht.
Frage:
Wenn Sie die URL von this.$http.get nicht jedes Mal manuell überprüfen müssen, gibt es eine Möglichkeit, das Problem zu lösen?

Answer 1

把所有的url提取出来放到一个单独的文件里（apis.js）然后统一控制apis.js一个文件就好。

然后在apis.js里用process.env.NODE_ENV === 'production'来区分是开发环境还是生产环境，分别export开发版本和生产版本的url就好。