Wie ich sehen kann, gibt es einen Proxy in webpack.dev.config. Wie stelle ich Proxy in webpack.prod.config ein? Ich möchte eine andere api-Domain-URL aufrufen, die keine Self-Domain-URL ist.Proxy in der Webpack-Produktionskonfiguration einstellen Angular 2+
Ich werde versuchen, etwas von einer Antwort zu bieten.
Wie Julia darauf hinweist. Sie sollten den Webpack-Dev-Server nicht in Ihrer Produktionsumgebung verwenden, da dies nicht dafür vorgesehen ist. Daher sollte die Frage nicht lauten, wie Sie eine Produktions-Proxy-Konfiguration damit konfigurieren. Davon abgesehen, wenn Sie einen webpack Server mit Konfigurations benutzerdefinierten Proxy möchten Sie beginnen können, wie so wirklich:
ng serve --proxy-conf proxy.conf.json
Was Sie tun sollten ist webpack zu verwenden, durch die angular/cli eine Produktion zu bauen bauen mit und dann Verschieben Sie diese Dateien so, dass sie von einem statischen Dateiserver Ihrer Wahl bedient werden. Bauen Sie ein Produktionspaket wie folgt:
ng build --prod
Alle oben von Ihrem Link genommen https://jhipster.github.io/using-angular/
Da Sie verwenden JHipster gibt es bereits Führungen und Werkzeuge, wie Sie Ihren Code in die Produktion zu übernehmen. Setzen Sie Ihre Lesung hier: https://jhipster.github.io/production/
Ich hoffe, diese Punkte, die Sie in die richtige Richtung
Ist "Proxy" eine gute Option oder soll ich für Umgebungsvariable gehen? –
Ein Proxy (Reverse Proxy) und Umgebungsvariablen sind keine Tools, die das gleiche Problem lösen, also was genau möchten Sie erreichen? Möchten Sie, dass Ihr Client/Frontend mit anderen Webservices als Ihren eigenen kommuniziert oder Sie einen Proxy vor Ihre Server stellen, damit Sie eingehende Anfragen leiten können? – Hampus
Ja, mein Front-End-Server und Back-End-Server (Webdienste) sind unterschiedlich. –
in der Produktion werden Sie nicht webpack-dev-Server mit Proxy verwenden. Sie müssen den Proxy in Ihrem HTTP-Server konfigurieren. Zum Beispiel, wenn Sie http Server ist Nginx, können Sie etwas wie location/api/{ proxy_pass http: // localhost: 8080; } –
@JuliaPassynkova, Ich benutze 'jhipster' Quelle: https://jhipster.github.io/using-angular Können Sie mir irgendein Arbeitsbeispiel zeigen? –
JHipster ist ein Anwendungsgenerator, der nicht die Frage beantwortet, auf welchem Server Sie Ihre Produktionsdateien bereitstellen. Welche Art von Konfiguration haben Sie mit JHipster erstellt? Zu wissen, auf welchem Server Sie Ihren Code in einem Produktionssetup bereitstellen, ist für das Einrichten eines Proxys wesentlich, es sei denn, Sie möchten einen Proxy davor legen. – Hampus