npm run build under nginx routing not working.

[sinistra]

I have approx 6 routes in a spa app.
svelte-routing works perfectly with npm run dev.

if I build with npm run build and then run the app inside an nginx docker container, routes do not work.
eg. 'http://localhost:8080/products' and press enter ... "404 Not Found ... nginx/1.17.7"

does anyone have any ideas on where to look for the problem?

[dydx-git]

Yeah, I have the same issue. Did you manage to solve this?

[sinistra]

no response here, so refactored using page.js.

[MrSrsen]

If I understand it correctly npm run build do not generate physical files in /public so nginx is trying to find non existing physical file and fails.

If you want your SPA to work properly you must config your nginx to redirect all calls (with path intact) to index.html file. This fixed the same issues with exported Svelte/Sapper application that I was working on.

I don't know how to configure nginx but for Apache my working .htaccess is:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html?q=$1 [L,QSA]

Or use hash routing.

[EmilTholin]

Hi @sinistra!

@MrSrsen is right on the money. You must either configure nginx to serve your index.html file for every route, or use SSR like in the example in this repository.

[kevin4dhd]

any example only nginx?