npm run build under nginx routing not working.

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?

[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.

[kevin4dhd]

any example only nginx?