Как правильно использовать react-router?

Question

[b3589431]

Для реализации проекта потребовалось использование react-router. Без перезагрузки страницы все работает просто прекрасно. С помощью browserHistory красивые URL. Но требуется "сохранить" адреса страниц, чтобы можно было зайти напрямую по ссылкам. Причина сего явления ясна, но не могу решить проблему. К примеру, загуглил - brinidesigner.com/react-router-example-with-es6 В данном случае используется файл .htaccess для перенаправления на корневой URL. В моем случае нету апача, только nginx, потому возможно прописать редиректы только напрямую в nginx, но ведь это уже далеко не front-end и перенести проект будет довольно сложно. Как правильно и красиво решить эту задачу?

Comments

[copal]

Сервер на все пути должен отдавать index.html и если для Вас это сложно, то займитесь чем-то другим, ведь клиент-серверное приложение не разрабатывают те, кто не может решить минимальную задачу на серверной стороне.

Answer 1

[Константин Китманов]

Как ни крути, а сервер должен уметь отдавать нужную страницу по запрошенному адресу, а не 404, даже если на самом деле это один и тот же HTML, в котором вы потом JSом рисуете нужное. Поэтому без конфигурации сервера тут не обойтись.

и перенести проект будет довольно сложно.

почему? У меня в репах вместе с остальным кодом лежат конфиги nginx, очень удобно.

Comments

[b3589431]

Понятно, просто думал, что это неправильно так привязывать nginx. Тогда значит правильно сделал. Спасибо.

[b3589431]

Константин Китманов Не подскажете как тогда nginx-ом обрабатывать правильно 404 страницы? Если просто рисовать 404 в компонентах, то в заголовках статус не поменять. Во всех уроках все делается через nginx-заменители.

[Константин Китманов]

b3589431:
Я бы попробовал как-то так в директиве server:
error_page 404 /index.html;
Ну вместо index.html соответственно тот файл, в котором приложение лежит.
Впрочем, не уверен, я не силен в nginx, в основном методом тыка, а 404 у меня нодовское приложение отдает.

[Aves]

Лучше nginx.org/ru/docs/http/ngx_http_core_module.html#t...