使用反应路由器从单页反应应用程序提供静态 html 页面

Question

我有一个反应单页应用程序，并且正在考虑在用户未登录的情况下提供静态 html、SEO 友好的登录页面。我希望所有搜索引擎都可以浏览该页面（网站的其余部分受 SEO 密码保护，这无关紧要。 我正在使用反应路由器，如果应用程序发现用户未登录，则无法在应用程序中将用户重定向到静态 html 文件（因此将在服务器端提供服务）。 有什么建议么？谢谢！

Answer 1

这是您可以在服务器上的路由器中执行的操作。你不能在你的 React 应用程序中这样做，因为这违背了提供无 JS 内容的目的（因为你将使用 JS 来传递“静态”内容）。

如果您还没有使用路由器设置服务器，则需要一些时间。但是一旦你这样做了，简单地检查一下路线就足够了。

// in hapijs, for example:

handler(request, reply) {
   if (isAuthenticated(request)) {
     reply.view('dashboard')
   } else {
     reply.view('static_page')
   }
}