React app和Next js在同一个Production fe url下



我有两个项目,一个是在下一个js这是服务静态页面,另一个是在反应这是服务逻辑和认证部分。现在我想知道是否有任何方法在同一个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设置为反向代理来实现这一点。这里有一个关于这个的问题。

nginx与nextjs一起工作时,您可以在配置文件中定义另一个location(或多个),并将其转发到另一个在本地端口上为您的react页面服务的web服务器,或者让nginx直接为index.html文件服务:

location /protected {
try_files $uri /react-app-folder/index.html; # redirect all request to index.html
}

这将花费一些时间,因为你需要确保JS和CSS文件是从正确的目录中提供的,但这应该给你足够的信息,如何实现这一点,以及一些新的谷歌关键字寻找。

最新更新