Javascript – Das Vue2.0-Projekt verwendet Webpack, um es zu verpacken und online zu stellen
过去多啦不再A梦
过去多啦不再A梦 2017-06-08 11:02:41
0
1
694

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?

过去多啦不再A梦
过去多啦不再A梦

Antworte allen(1)
阿神

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

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!