Реакция: 404 / Нет структуры папок после запуска `npm run build`

Question

Я могу получить доступ к своей странице индекса со следующей apache config

    <VirtualHost *:443>
        ServerName MyReactAppSite

        DocumentRoot /var/www/sites/MyReactAppSite/client/build/

    </VirtualHost>

в моей папке приложения. js У меня есть следующий код

<Route exact path="/home" component={Home} />

Так что после вход в приложение маршрутов к http://MyReactAppSite/home

Отлично работает с >> npm run start

404 не найдено >> npm run build, за которым следует serve -s build

Когда я заглядываю в папку / build, папка / home отсутствует, так что это правильный способ получить производственную сборку приложения React. Я прочитал всю эту страницу 2x https://create-react-app.dev/docs/deployment/ и не могу понять это.

Answer 1

Чтобы упростить атрибуты REST моего конкретного приложения, мне пришлось настроить файл .htaccess для маршрутизации всех запросов обратно в индекс. html Файл, созданный моей сборкой React App.

<IfModule mod_rewrite.c>
  RewriteEngine on
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_URI} !=/favicon.ico
  RewriteCond %{REQUEST_URI} !=/upload
  RewriteCond %{REQUEST_URI} !=/tmp
  RewriteRule ^ index.html [L]
</IfModule>