Reactjs 设计多页React应用程序

Reactjs 设计多页React应用程序,reactjs,react-router,Reactjs,React Router,我正在计划一个基于web的应用程序项目的阶段。我想在上面使用React JS 此项目将仅为经过身份验证的用户提供服务。我相信随着时间的推移,这将是一个大项目 使用一个页面react应用程序,我可以重定向到登录页面,但在bundle.js中会显示我不想公开的每个api URI。因此,我认为我不需要创建一个页面应用程序,而是需要拆分为多个基本页面。这样我就不会向未经授权的访问者公开api URL(使用单独的登录页面) 我想分别捆绑每个模块。但在每个模块中,都会有一个带有浏览器历史记录的react路由

我正在计划一个基于web的应用程序项目的阶段。我想在上面使用React JS

此项目将仅为经过身份验证的用户提供服务。我相信随着时间的推移,这将是一个大项目

使用一个页面react应用程序,我可以重定向到登录页面,但在bundle.js中会显示我不想公开的每个api URI。因此,我认为我不需要创建一个页面应用程序,而是需要拆分为多个基本页面。这样我就不会向未经授权的访问者公开api URL(使用单独的登录页面)

我想分别捆绑每个模块。但在每个模块中,都会有一个带有
浏览器历史记录的react路由器

  • /login=>单独页面(成功登录后,将重定向到/dashboard)
  • /或/仪表板单独页面
  • /用户=>单独的页面,但子URL将由React路由器处理。(例如:/user/profile、/user/status等)
  • 。。。(每个主要模块都有单独的页面
在后端,我将使用PHP框架(可能是lumen或laravel)


实现这一点的正确方法是什么?

当您的用户试图直接访问/仪表板时,该捆绑包将被下载,无论用户是否登录。

更好的方法是基于路由提供捆绑包,而不实际生成多个捆绑包(应用)。
您可以对所有请求使用身份验证头,而不是隐藏api端点。


如果您正在使用create react应用程序,这篇博客文章是一个很好的起点

我计划使用后端框架重定向页面。当用户尝试访问/dashboard时,后端将重定向到登录页面,而不将捆绑包发送到浏览器。您找到解决方案了吗?我正在尝试使用react JS和Yi2 R执行相同的操作ESTful后端。