Nginx 在 dockerized React 应用程序中尝试获取子路径时返回 404

Question

我有一个在 docker 上投放的 React 应用程序。我使用 Nginx 通过以下配置重写对我的应用程序的请求：

http {
    upstream myapp_servers {
        server 1.2.3.4:8000;
    }
}
server {
    listen 80;
    server_name myapp.com;
    location / {
        proxy_pass http://myapp_servers;
    }
}

当我使用 myapp.com 访问我的应用程序时，它工作正常。如果我想访问我的应用程序上的子路径，如 myapp.com/route nginx returns 404 错误， try_files $uri index.html 仅在 nginx 提供静态文件时有效。我如何解决 dockerized React 应用程序的这个问题？

Answer 1

好的，所以我想通了，不是 Nginx 的问题。发生的事情是我使用 vercel\serve 作为我的部署服务器，我不得不运行它在单一模式下使用 -s，我还必须删除 homepage: "." 来自我的 package.json，现在应用程序在生产中正常运行。

Nginx 在 dockerized React 应用程序中尝试获取子路径时返回 404

Nginx returning 404 when trying get subroute in dockerized react app

nginx

docker

react-router

serve