[p.....a]

Jak skonfigurowac #nginx dla Single Page Application napisane w #vuejs? Builduje sobie do dist, a pozniej kopiuje te pliki do kontenera z #nginx - problem jest taki, ze ten defaultowy config nie wspolpracuje z Vue Router... jesli w swojej SPA mam takie sciezki:

- /
- /test
- /costam

To jesli odwiedze najpierw sciezke /, a pozniej sie przeklikam do innych stron (np. klikne w jakis href) to zupdatuje sie sciezka np. do /test, ale jesli pozniej odswieze strone, lub bezposrednio wejde na konkretna strone (/test, /costam) to mi zwraca 404 od nginx...

Taki config jest z defaultu:

server {
listen 80;
listen [::]:80;
servername localhost;

location / {
root /usr/share/nginx/html;
index index.html index.htm;
}

errorpage 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}

#programowanie #webdev

[aloucie]

@przepyszna_frytka: Panie, googluj to.
https://sdickinson.com/nginx-config-for-single-page-applications/

[p.....a]

@aloucie ok zerkne jutro - szukalem w necie, ale mi niezbyt to pomoglo xd

[LaylaTichy]

@przepyszna_frytka: takie cos u mnie, ale to googlniecie 2min xD

https://pastebin.com/T1sbg3cE

tam duzo rzeczy mozesz #!$%@?, w location po prostu nie przekazujesz $uri do vue

[wobloblo]

@przepyszna_frytka: Nie wiem po co Ci to i na jakim jesteś lvl ale ja dla nauki to po prostu używam PM2 dla SPA. O tu masz coś: jakis link i w nginx tylko robisz reverse proxy na 127.0.0.1 i odpowiedni port. Z tym że routing tylko sprawdzałem z React. Używałem Vue ale bez routingu. Musisz sprawdzić

[p.....a]

@aloucie: to co podeslales to legit - dodalem do nginx.conf w kontenerze i dziala tak jak chcialem...

@LaylaTichy: w sumie to widze, ze masz jakis mega zlozony ten config, ale nie wiem na ile to konieczne

@wobloblo: no ja mam serwerek na VPS i tam mam proxy ustawione przez SWAG i sobie jedynie robie w nginx config by przekierowac np https://appka.frytka.pl do swojego kontenera z appka, ale problem byl