Не отрабатывает route при перезагрузке, это мои кривые руки или особенность React?

Question

[hatealleverything]

Добрый день, сам проект на React, собирается через Webpack
Допустим, я захожу по адресу localhost, дальше тыкаю на Navbar справа и перехожу на данную страницу, всё как и задумано

Но после того, как я хочу перезагрузить эту страницу с данные роутом localhost/roulette, он не может её подгрузить


Вот как я прописываю все route:

// App

        <BrowserRouter>
            <AppRouter/>
        </BrowserRouter>

// App Router

        <Switch>
            {publicRoutes.map(({path, Component, exact}) =>
                <Route key={path} path={path} component={Component} exact={exact}/>
            )}
            <Route component={Page404}/>
        </Switch>

// Public Routes 

export const publicRoutes = [
    {
        path: CASE_ROUTE,
        Component: Case,
        exact: true
    }
]

Я скорее всего знаю в чём загвоздка, потому что в корне нет как такового roulette.html, но в React, наверное, предусмотрели это, но я не могу почему-то найти в их документации

Answer 1

[Александр]

Необходимо настроить Nginx на отдачу только /index.html - 1, 2, 3.

Comments

[hatealleverything]

У меня это даже на обычном webpack dev server присутствует, про nginx, огромное спасибо, но у меня не только на nginx это, почему-то

[hatealleverything]

Сейчас сделал это в nginx, по первой ссылки
Всё отрабатывает отлично, но хотелось бы, чтобы ещё на этапе разработки это работало в webpack dev server...