Spring + Vue.js - history mode

0

Cześć,
Chce przejść z hash mode na history mode co wiąże się z tym, że stronka nie przeładuje się poprawnie bez skonfigurowania serwera. https://router.vuejs.org/guide/essentials/history-mode.html
Raczej wiem jak powinna wyglądać taka konfiguracja serwera. https://gist.github.com/SylvainMarty/5b0427a0bed3a46cc60b691f7a5d1921
Jednak jest kłopot. Front i backend stoją na różnych portach, przez co front nie strzela na serwer i leci 404. Screen w załączniku obrazuje sytuację. Mogę dodać, że serwer stoi w tym momencie na http://localhost:9090.
Możliwe rozwiązania według mnie to:

  1. Przekierunkowanie strzału z frontu na port serwera który mógłby wtedy obsłużyć takie zapytanie.
  2. Serwer nasłuchuje na porcie, na którym jest postawiony front - nie wiem czy to w ogóle możliwe
  3. Całkowicie się mylę :)
1

IMHO request z frontu w ogóle nie dociera do backendu, więc ta „konfiguracja serwera” (polegająca na dodaniu jakiegoś filtra robiącego przekierowanie) w ogóle się nie odpala.

Na porcie 5000 musi stać jakieś proxy, które przekieruje Ci ruch na port 9090. Zwykle dla celów developerskich stawia się lokalnie serwer developerski na jakimś nodzie: https://medium.com/bb-tutorials-and-thoughts/vue-js-how-to-proxy-to-backend-server-a562bad965eb

Możesz również z frontendu uderzać na 9090, ale wtedy w tym Springu musisz ustawić CORS. Najłatwiejsze, ale na prodzie najpewniej będzie to zestawione w sposób, który opisałem powyżej - będzie wystawione reverse proxy/api gateway.

1 użytkowników online, w tym zalogowanych: 0, gości: 1