Почему на хостинге при обновлении страницы ReactRouter ошибка 404?

Question

[qfrontend]

ПРиветствую)
Есть приложение на reacr\redux. Выгрузила на хостинг.
Если переходить по ссылкам, то всё нормально отрисовывается.
Но если обновить страницу по адресу на пример "/portfolio" , то выдаёт ошибку (404. That’s an error. The requested URL was not found on this server).
Хотя на локальном сервере страницы при обновлении отрисовываются.
Буду очень благодарна за помощь :)

return (
      <Router>
        <div className="App">
          <BgCosmos />
          <header>
            {responsive === false ? (
              <Nav props="" />
            ) : (
              <Touch isOpenNav={isOpenNav.bind(this)} open={openNav} />
            )}
          </header>
          {responsive && (
            <Nav open={openNav} isOpenNav={isOpenNav.bind(this)} />
          )}
          <NavSocial />
          <Route>
            <div className="content">
              <Switch>
                <Route exact path="/" component={Baner} />
                <Route path="/portfolio" component={Portfolio} />
                <Route path="/about-us" component={AboutUs} />
                <Route path="/contacts" component={Contacts} />
              </Switch>
            </div>
          </Route>
          <WriteNow />
          <footer>
            <NavSocial />
          </footer>
        </div>
      </Router>
    );

Comments

[Lynn «Кофеман»]

Ну так хостинг надо настраивать

[qfrontend]

Алексей Тен, Как это сделать?

Answer 1

[Владимир]

https://www.serverlab.ca/tutorials/linux/web-serve...
https://stackoverflow.com/questions/44038456/how-t...
Google - configure Nginx(Apache) for React(Angular)

Answer 2

[Антон Спирин]

Serving Apps with Client-Side Routing