Как фиксить 404 ошибку при перезагрузке приложения с react-router?

Question

[Артур]

Есть реакт приложение на основе create-react-app, с react-router (Browser routing).
Поднимаю приложение локально с использованием nginx.
Перехожу например по ссылкам на localhost/page/group
Приложение и роутинг работает корректно.
Но если например обновить страницу, то отдается 404 ошибка.

конфиг nginx

server {
        listen			80;
        server_name	        app.ru;
		rewrite ^/spa/(.*) /$1 permanent;
		root			build;
		index  index.html;

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

Как правильно настроить чтобы при обновлении страницы корректно отображались страницы?

Answer 1

[Ilya Pavlov]

Вам нужно отдавать index.html со всех маршрутов за исключением тех, которые оканчиваются на .css/.js например.

server {
  ...

  location / {
    alias /static/folder;
    try_files /index.html /index.html;
  }

  location /assets {
    alias /static/folder/assets;
  }

  location ~ .+\.(css|js) {
    alias /static/folder;
  }
}

Что-то примерно такое