Stellen Sie sicher, dass Ihre URL und Port, dass Spiele, die Ihre webpack-dev-Server ausgeführt wird. Wenn sich Ihre API unter http://localhost:5000
befindet und Ihr Dev-Server unter http://localhost:8080
ausgeführt wird, stellen Sie sicher, dass alle Ihre Anforderungen an http://localhost:8080
lauten. Am besten stellen Sie Ihre Anfragen an localhost:8080/api
(um Konflikte mit App-Routen zu vermeiden) und verwenden Sie den Pfad umschreiben, um die/api zu entfernen.
Beispiel:
Webpack devserver Proxy config:
Webpack dev-Server läuft auf:
http://localhost:8080
Wunsch API Endpunkt:
http://localhost:5000/items
Stellen Sie in Ihrer App die Anfrage an:
http://localhost:8080/api/items
.
Diese sollte funktionieren. Es scheint mir, dass alle oben genannten Probleme davon herrühren, dass die Anfrage an die API-URL und den Port statt an die URL und den Port des Webpack-Dev-Servers gerichtet wird und die Proxy- und Pfadumschreibung verwendet wird, um die Anfrage an die API zu richten.
Wo müssen Sie die Konfiguration ablegen? – zehelvion