Реагируйте на приложение с nginx, не переключая компоненты при использовании роутера

Question

Я пытаюсь развернуть свое приложение реакции с помощью nginx.

Проблема, с которой я сталкиваюсь, заключается в том, что при смене маршрута, например, / об этом на самом деле не обновляет интерфейс, он просто остается в индексе.

Вот мой конфиг на сайтах-в наличии:

server {
  listen 80 default_server;
  server_name server_ip_here;
  root /sites/FrontEnd/React/build;
  index index.html;

  access_log /var/log/nginx/krim.com.access.log;
  error_log /var/log/nginx/krim.com.error.log;

  location / {
      try_files $uri /index.html;
  }
}

А вот и роутер:

import {Redirect, BrowserRouter as Router,Route,Switch} from 'react-router-dom';

<Router>
      <CookieConsent buttonText="Accept">
      </CookieConsent>

      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/About" component={Over}/>
        <Route path="/FAQ" component={FAQ}/>
      </Switch>

</Router>

Теперь индекс страницы загружается, но переход к my-ip / About или my / FAQ ничего не делает при использовании nginx.

Теперь при использовании npm start все работает нормально, более того, при использовании serve -s build также работает нормально, так что, похоже, это неправильная конфигурация nginx с моей стороны.

Любая помощь приветствуется, ура.

EDIT: Исправление, локальный serve работает, но на удаленном vm он тоже не работает.

Answer 1

Я собрал пакет на своем компьютере и затем загрузил его в виртуальную машину, теперь он работает нормально.

Answer 2

Вы пытались собрать его на своей машине вместо виртуальной машины (если вы используете ее)?