反应：404/运行`npm run build`后没有文件夹结构

Question

我可以使用以下 apache 配置完美访问我的索引页面

    <VirtualHost *:443>
        ServerName MyReactAppSite

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

    </VirtualHost>

在我的 App.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 文件来将所有请求路由回由我的 React App 构建创建的 index.html 文件。

<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>