在同一域上使用 Nginx 提供两个反应应用程序（403 错误）答案

【问题标题】：Serve two react apps with Nginx on same domain (403 error)在同一域上使用 Nginx 提供两个反应应用程序（403 错误）
【发布时间】：2021-12-18 19:14:22
【问题描述】：

我正在尝试配置 Nginx（超过 debian 10）以服务于 react 的两个方面（npm run build）。

在第一个应用程序“/”上一切正常，但在“/administracion/”上却不行这是我正在使用的配置，当我访问时收到 403。这似乎不是权限问题，因为无论我加载什么，我总是收到 403。

  server {
        listen 80;
        server_name x.net;
        root /var/www/html/front_web/build;

        index index.html;

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

        location /administracion/ {
                alias /var/www/html/front_admin/build;
                try_files $uri $uri/ /index.html;
        }
  }

App 是用 react-router 创建的（我认为这不会影响任何事情）。

【问题讨论】：

标签： reactjs nginx

【解决方案1】：

您是否在使用任何路由库？如果这是 CRA 应用程序，请尝试设置 homepage property。否则，您的所有 JS 和资产都将尝试从根目录提供服务。

【讨论】：

是的！我已经配置了 package.json，但没有配置 BrowseRouter。现在它可以工作了，但仅在第二个应用程序的 baseurl 中，当它尝试加载超出 (/base/x) 的路径时，它会返回到没有内容的主应用程序。是不是应该在主App的路由中配置一些路由？
@AlfredoHinarejos 我昨天遇到了同样的问题，在浏览器中访问时，/some/path 无法正常工作，而带有斜杠 did 的 /some/path/ 可以正常工作。还没有完全弄清楚。