首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用React和Express的Web应用程序

使用React和Express的Web应用程序
EN

Stack Overflow用户
提问于 2017-06-08 17:12:29
回答 1查看 156关注 0票数 0

我是一个新的Nodejs开发人员,我想了解一些关于使用react和express创建web应用程序的事情。

我想做以下几件事:

->我的web应用程序将有大约5个静态页面,其中包括主页,关于我们的页面等。从我的阅读,我了解到,这些静态页面将需要为搜索引擎优化服务器端渲染。

->我还在创建一个用户仪表板,它将完全在react中作为一个单页面应用程序,一旦用户登录。

->第三,我也想让web应用程序的一部分根据url呈现不同的内容。例如: mywebsite/test1应该呈现关于test1的内容,而mywebsite/test2应该呈现关于test2的内容。我理解,这可以通过反应,但因为我也希望这些网址是搜索引擎优化,所以内容将不得不呈现在服务器端。

我该如何设置这样的应用程序?我的初步想法如下:

我有一个快速的应用程序,我有为5静态页面定义的路线。我可以直接为这5个页面呈现html。

对于仪表板,我可以有一个快速路由将请求转发到react/react路由器,并从那里获取它。

类似地,对于第三部分,我使用快速路由直接指向react组件。

这是正确的方法吗?

谢谢!如果我遗漏了什么或者我在概念上有错,一定要让我知道。

EN

回答 1

Stack Overflow用户

发布于 2017-06-08 17:40:57

我只知道你在做某种同构的应用。

可以在构建时预先呈现

  1. 静态页面(index.html、about.html等)
  2. serve子文件夹中的静态文件(例如,/dashboard请求的URL以/dashboard为前缀,使express为您的仪表板提供服务:

http://example/dashboard/some/view => /dashboard.html

  • 在您的仪表板中,您可能会使用React Router。然后,您的路由器会将URL分派到所需组件:

import { Route } from 'react-router'; import SomeView from 'app/components/some/SomeView.jsx'; <Route path='/dashboard/some/view' render={SomeView} />

你会在GitHub上找到很多与同构应用相关的例子,或者herehere上的文章。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44431431

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档