Traefik + Angular + F5

Traefik + Angular + F5
« kdy: 25. 04. 2022, 18:51:45 »
Ahojte,

aktualne prechadzam z NGINX proxy na Traefik co by reverzne proxy (API Gateway).
Zaproxovane mam aj Angular appky (kontajner s NGINX a jednoduche hostovanie statickych resourceov).

Cize prechadzam
- z NGINX (revproxy) -> [kontajner (NGINX + staticke angular assety)] na
- na TRAEFIK (revproxy) -> [kontajner (NGINX + staticke angular assety)]

Problem je, ze angular appky pouzivaju klasicke klientske URL routovanie a v NGINXe som mal osetrene, kde som na nejakej route dal F5 tak to realodlo aktualnu routu alebo som dal nezmyselnu klientsku cast routovacej URL.

V NGINXe som to mal nejako takto:

Kód: [Vybrat]
location /ui/module-a {
        proxy_pass  http://module-a-ui/;

        # Vyriesenie angular routovania pri F5
        proxy_intercept_errors on;
        error_page 404 = /ui/module-a/index.html;
    }

No a neviem na toto najst nejaku alternativu pre TRAEFIK, ten mam funkcny, ale bez F5 refreshu routy takto:

Kód: [Vybrat]
labels:
      - "traefik.enable=true"
      - "traefik.http.routers.module-a-ui.entrypoints=web-secure"
      - "traefik.http.routers.module-a-ui.rule=PathPrefix(`/ui/module-a`)"
      - "traefik.http.routers.module-a-ui.tls=true"
      - "traefik.http.routers.module-a-ui.middlewares=module-a-ui-middleware"
      - "traefik.http.routers.module-a-ui.service=module-a-ui-service"
      - "traefik.http.middlewares.module-a-ui-middleware.stripprefix.prefixes=/ui/module-a"
      - "traefik.http.services.module-a-ui-service.loadbalancer.server.port=80"

Vie mi niekto poradit, ako to vyriesit v TRAEFIKu ?
Diky.


luvar

  • ***
  • 197
    • Zobrazit profil
    • E-mail
Re:Traefik + Angular + F5
« Odpověď #1 kdy: 26. 04. 2022, 06:01:19 »
Dobry den,
traefik mam moc rad (aj nginx) a pouzivam ho na podobne veci. Som vsak viac backendista. Mohli by ste prosim viac vysvetlit, co je F5? Jedna sa o komercny produkt ("webovy firewall"), alebo je tym myslene F5, ako funkcna klavesa na kalavesnici, ktora spravi reload stranky? A akosi nechapem, preco vznika error a preco je hendlovany v proxy. Skuste prosim problem popisat z low level pohladu, pripadne screenshot z network konzoly v browseri by mi to mozno objasnil.

Re:Traefik + Angular + F5
« Odpověď #2 kdy: 26. 04. 2022, 07:00:38 »
Dobry den,
traefik mam moc rad (aj nginx) a pouzivam ho na podobne veci. Som vsak viac backendista. Mohli by ste prosim viac vysvetlit, co je F5? Jedna sa o komercny produkt ("webovy firewall"), alebo je tym myslene F5, ako funkcna klavesa na kalavesnici, ktora spravi reload stranky? A akosi nechapem, preco vznika error a preco je hendlovany v proxy. Skuste prosim problem popisat z low level pohladu, pripadne screenshot z network konzoly v browseri by mi to mozno objasnil.

F5 loadbalancer produkt

https://www.f5.com/services/resources/glossary/load-balancer

https://www.appdeliveryworks.com/BIG-IP-i15000-Series.asp

Re:Traefik + Angular + F5
« Odpověď #3 kdy: 26. 04. 2022, 13:04:48 »
Dobry den,
traefik mam moc rad (aj nginx) a pouzivam ho na podobne veci. Som vsak viac backendista. Mohli by ste prosim viac vysvetlit, co je F5? Jedna sa o komercny produkt ("webovy firewall"), alebo je tym myslene F5, ako funkcna klavesa na kalavesnici, ktora spravi reload stranky? A akosi nechapem, preco vznika error a preco je hendlovany v proxy. Skuste prosim problem popisat z low level pohladu, pripadne screenshot z network konzoly v browseri by mi to mozno objasnil.

Dakujem za odpoved...neviem preco je tato tema presunuta po Server, vytvoril som ju vo Vyvoj.
F5 je myslene refresh stranky vo webovom browseri, moja chyba... :)

Re:Traefik + Angular + F5
« Odpověď #4 kdy: 26. 04. 2022, 19:07:34 »
Tak vyriesene.....tak,ze som nekonfiguroval vonkajsie proxy (traefik),ale nginx v kontajneri...

TRAEFIK -> NGINX -> ANGULAR

Pri tvorbe kontajnera nginx s angular dist appkou pridana konfiguracia...

Kód: [Vybrat]
location / {
   . . .

   try_files $uri $uri/ /index.html;
}