我有两个项目，一个是在提供静态页面的下一个 js 中完成的，另一个是在提供逻辑和身份验证部分的 react 中。 现在我想知道有没有办法在同一个 URL 中为这两个项目提供服务 例如：
www.charan.com/blog //is coming from nextjs
www.charan.com //is coming from nextjs
www.charan.com/protected //is coming from react app
www.charan.com/login //is coming from react app
【问题讨论】：
是的，有！有无数的选择，但我会通过将nginx 设置为反向代理来实现这一点。有一个问题涉及此here。
当 nginx 仅与 nextjs 一起使用时，您可以在配置文件中定义另一个 location（或多个），然后将其转发到另一个在本地端口上为您的 react 页面提供服务的网络服务器，或者让 nginx直接提供index.html 文件：
location /protected {
try_files $uri /react-app-folder/index.html; # redirect all request to index.html
}
这需要一些时间，因为您需要确保 JS 和 CSS 文件是从正确的目录提供的，但这应该会为您提供足够的信息来完成此操作，并提供一些新的 Google 关键字供您查找。
【讨论】：