Почему ошибка при переходе по прямой ссылке в React?

Question

[Сергей]

Есть конструкция на React -

<BrowserRouter>
            <div className="app">
                <Switch>
                    <Route exact path="/">
				<Home />
                    </Route>
                    <Route path="/about">
				<About />
                    </Route>
                    <Route path="/contacts">
				<Contacts />
                    </Route>
                    <Route
                        path="/blog/:id"
                        render={(props) => {
                            return <CurrentArticle {...props} />;
                        }}
                    />
		    <Route path="/blogs">
				<Blog />
                    </Route>
		   <Route>
				<NotFound />
                    </Route>
                </Switch>
            </div>
        </BrowserRouter>

Локально переходы по страницам работают, 404 отображается ок. Прямые ссылки типа "localhost:3000/contacts" тоже работают.

Но на бою выдает 404 Not Found от nginx по адресу mysite.ru/contacts. Хотя если перейти на страницу из меню, с главной, то она отображается.
И почему тогда в таком случае не работает кастомная страница 404?
Может проблема в конфиге сервера?
Сейчас так

server {
    server_name mysite.ru;

    root /var/www/mysite/build;
    index index.html;

    location / {
        try_files $uri $uri/ $uri.html =404;
    }
}

Comments

[n1ksON]

nodejs то хостинг поддерживает? вероятно нужно для каждого роута создавать отдельную дерективу на хостинге и пихать туда билд ещё раз.

/web
  index.html
  /contacts
    index.html

[Владимир Коротенко]

n1ksON, что за бред

[n1ksON]

Владимир Коротенко, вот сталкивался с таким на одном из хостингов. Ответ поддержки:
https://habrastorage.org/webt/60/a5/5c/60a55c6c906...

Answer 1

[Владимир Коротенко]

https://stackoverflow.com/questions/49203698/nginx...