Jak widać, istnieje proxy w webpack.dev.config
. Jak ustawić proxy w webpack.prod.config
? Chcę wywołać inny adres URL domeny API, inny niż URL własnej domeny.Ustaw proxy w konfiguracji produkcyjnej Webpack Angular 2+
Odpowiedz
Postaram się podać nieco odpowiedzi.
Jak wskazuje Julia. Nie powinieneś używać serwera deweloperskiego w swoim środowisku produkcyjnym, ponieważ nie jest do tego przeznaczony, więc pytanie nie powinno polegać na tym, jak skonfigurować konfiguracyjną konfigurację proxy. W takiej sytuacji, jeśli naprawdę chcesz, aby można uruchomić serwer WebPACK z niestandardowej konfiguracji proxy tak:
ng serve --proxy-conf proxy.conf.json
Co należy robić jest użycie WebPack poprzez angular/cli
zbudować produkcja budować z czym przenieś pliki, które będą obsługiwane przez wybrany statyczny serwer plików. Zbudować pakiet produkcyjny tak:
ng build --prod
Wszystko powyżej pochodzą z linku https://jhipster.github.io/using-angular/
Ponieważ używasz JHipster istnieją już prowadzi i oprzyrządowania, jak wziąć kod do produkcji. Kontynuuj czytanie tutaj: https://jhipster.github.io/production/
Mam nadzieję punktów w dobrym kierunku
Czy "proxy" jest dobrą opcją, czy powinienem wybrać zmienną środowiskową? –
Serwer proxy (odwrotnego proxy) i zmienne środowiskowe nie są narzędziami, które rozwiązują ten sam problem, więc co dokładnie chcesz osiągnąć? Czy chcesz, aby twój klient/fontend rozmawiał z innymi serwisami internetowymi niż twoimi własnymi, czy też, który umieścił serwer proxy przed serwerami, aby móc kierować przychodzące żądania? – Hampus
Tak, mój serwer front end i serwer zaplecza (webservices) są różne. –
- 1. PrimeNG Zaplanuj na WebPack Angular 2
- 2. Używanie webpack 2 z gulp (webpack-stream for webpack 2)?
- 3. Heroku przy użyciu konfiguracji produkcyjnej zamiast konfiguracji pomostowej
- 4. Jak dołączyć jQuery i Semantic-ui do Webpack Angular 2
- 5. Okno dokowane konfiguracji proxy proxy Nginx
- 6. Angular 2, ustaw domyślną wartość, aby wybrać opcję
- 7. Utrzymywanie CSS z JS w Angular 2/Angular-CLI
- 8. Webpack z wieloma kątowymi 2 modułami
- 9. Waluta w Angular 2
- 10. Angular 2 Waritional Validators.required?
- 11. Jak sprawdzić, czy AoT działa, czy nie [Webpack 2, Angular 2]?
- 12. Równoważna z Angular 1 poza tym w Angular 2
- 13. Resetowanie proxy git do domyślnej konfiguracji
- 14. Zliczanie w ngFor - Angular 2
- 15. Formularze w Angular 2 RC4
- 16. Zagnieżdżone obserwowalne w Angular 2
- 17. Magazyn lokalny w Angular 2
- 18. Generowanie pdf w Angular 2
- 19. Optymalizacja czasu budowania aplikacji Angular 2 za pomocą pakietu internetowego
- 20. Używanie wtyczki Webpack 2 i wtyczki text-webpack-plugin
- 21. Jak importować jquery ui touch punch w aplikacji Angular 2 Webpack?
- 22. Użyj Angular 2 with Electron (Angular CLI)
- 23. Angular 2 - wewnętrzna stylizacjaHTML
- 24. Angular 2 - JWT auth
- 25. Angular 2 - ngShow equivalent?
- 26. Angular 2 - Lista wydarzeń
- 27. Angular 2 wiele modułów
- 28. Angular 2 i Three.js
- 29. Wymagane biblioteki Angular 2
- 30. Angular 2 router.navigate
w produkcji nie będzie wykorzystać WebPACK-dev z serwera proxy. Musisz skonfigurować serwer proxy na swoim serwerze http. Na przykład, jeśli serwer http jest nginx, możesz zrobić coś takiego jak location/api/{ proxy_pass http: // localhost: 8080; } –
@JuliaPassynkova, używam 'jhipster' Źródło: https://jhipster.github.io/using-angular Czy możesz pokazać mi jakiś działający przykład? –
JHipster to generator aplikacji, więc nie odpowiada na pytanie, na którym serwerze serwujesz pliki produkcyjne. Jaką konfigurację wygenerowałeś za pomocą JHipster? Wiedza na temat tego, z jakim serwerem będziesz obsługiwał swój kod w konfiguracji produkcyjnej, jest niezbędna, aby pomóc Ci skonfigurować serwer proxy, chyba że chcesz ustawić przed nim serwer proxy. – Hampus