react nginx 非根目录部署

如果你想在非根目录下部署 React 应用，并将其作为 Nginx 服务器的一个子目录服务，你需要进行以下步骤：

1. 首先，在你的 React 应用根目录下运行以下命令：

npm run build

这将会在你的项目目录下生成一个 `build` 文件夹，包含了你的 React 应用的所有静态资源。

2. 接着，你需要在 Nginx 的配置文件中添加一个新的 `location` 指令，指定你的 React 应用的子目录路径以及你的静态资源的路径。例如，假设你的 React 应用部署在 `http://example.com/my-react-app` 目录下，你可以这样配置 Nginx：

location /my-react-app {
    alias /path/to/your/react/app/build;
    index index.html;
    try_files $uri $uri/ /my-react-app/index.html;
}

这个配置指令会将 `http://example.com/my-react-app` 映射到你的 React 应用的静态资源目录，并将 `index.html` 文件作为默认的首页。

3. 最后，重新加载 Nginx 的配置文件：

sudo service nginx reload

现在，你的 React 应用应该已经成功部署在 Nginx 服务器的子目录下了。