Не работает роутинг на хостинге?

Question

[prolina]

Использую create react app. Локально роутинг работает. Когда залила на хостинг - нет. Точнее, если ввести просто mysite.by, а потом в меню переключаться, то всё работает, то есть, если в меню нажать "контакты", то перейдет на mysite.by/contacts , а если сразу в адресную строку вбить mysite.by/contacts, то выдает ошибку

class App extends React.Component {

  render() {
    return (
      <BrowserRouter>
         <div  className="app-wrapper-content"> 
         <Header />
            <Route path="/products" render={() => <ProductsContainer />} />
            <Route exact path="/" render={() => <MainPage />} />
            <Route exact path="/about" render={() => <About />} />
            <Route exact path="/jay_advices" render={() => <Advices />} />
            <Route exact path="/contacts" render={() => <ContactForm />} /> 
         </div>
          <Footer />
      </BrowserRouter>
    );
  }
}

Answer 1

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

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

Serving Apps with Client-Side Routing

Comments

[prolina]

Антон Спирин , но в файле server.js у меня уже есть это

app.get("*", function(req, res) {
    res.sendFile(path.join(__dirname, "/build", "index.html"));
  });

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

prolina, а вы уверены, что:
1. Ваш node сервер вообще запущен на хостинге?
2. На запросы отвечает именно он?

Судя по скрину отвечает Apache. По ссылке в ответе есть пример .htaccess

[prolina]

Антон Спирин, а как сделать,чтобы отвечал мой сервер?

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

prolina, задеплоить проект туда, где поддерживается node.js и запустить сервер.

[prolina]

Антон Спирин, настройки .htaccess помогли решить проблему с роутингом. Спасибо!!

Answer 2

[CityCat4]

Роутинг - это маршрутизация пакетов. Если бы он не работал - на хостинг невозможно было бы попасть. А у Вас просто сайт кривой, возможно baseurl не учитывается или наоборот пере-учитывается...