Ich verwende vue-cli webpack-simple template, um meine Projekte zu generieren, und ich möchte die Anfragen an einen separaten Backend-Server weiterleiten. Wie kann dies leicht erreicht werden?
Wenn Sie webpack template mit vue-cli verwenden, finden Sie in diesem Referenzdokument die erforderlichen Informationen:
Oder, anstatt Ihre Vorlage jetzt zu ändern, können Sie die entsprechende Konfiguration aus der Vorlage webpack in Ihre lokale Vorlage webpack-simple kopieren.
BEARBEITEN: Weitere Informationen von meinem lokalen Setup
Das habe ich in meinem config/index.js unter module.exports :
Die obige Konfiguration führt mein vue-cli auf Port 4200, und ich führe meinen Server auf Port 8080.
BEARBEITEN: Korrigierte Informationen über CORS nach Kommentar # 4 und # 5
Hinweis:
changeOrigin in dev.proxyTable (in der Webpack-Konfiguration) stellt sicher, dass Sie keine CORS-Header in Ihren Server-API-Antworten angeben müssen. changeOrigin aus irgendeinem Grund weglassen, müssen Sie sicherstellen, dass Ihre Server-API Access-Control-Allow-Origin: * (oder gleichwertig) in ihren Antwortheadern enthält. Referenzen:
Tags und Links vue.js webpack webpack-dev-server