Node.js 使用React和Express的Web应用程序

Node.js 使用React和Express的Web应用程序,node.js,reactjs,express,react-router,Node.js,Reactjs,Express,React Router,我是一名新的Nodejs开发人员,我想了解一些关于使用react和express创建web应用程序的事情 我想做以下工作: ->我的web应用程序将有大约5个静态页面,其中包括主页、关于我们的页面等。从我的阅读中,我了解到这些静态页面需要在服务器端进行SEO优化 ->我还创建了一个用户仪表板,该仪表板将完全在react中创建,以便在用户登录后作为单页应用程序使用 ->第三,我还想让web应用程序的一部分根据url呈现不同的内容。例如:mywebsite/test1应该呈现关于test1的内容,而

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

我想做以下工作:

->我的web应用程序将有大约5个静态页面,其中包括主页、关于我们的页面等。从我的阅读中,我了解到这些静态页面需要在服务器端进行SEO优化

->我还创建了一个用户仪表板,该仪表板将完全在react中创建,以便在用户登录后作为单页应用程序使用

->第三,我还想让web应用程序的一部分根据url呈现不同的内容。例如:mywebsite/test1应该呈现关于test1的内容,而mywebsite/test2应该呈现关于test2的内容。我知道这可以通过react实现,但因为我也希望这些URL是SEO,所以内容必须呈现在服务器端

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

有一个express应用程序,其中我为5个静态页面定义了路由。我可以直接呈现这5页的html

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

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

这样做对吗


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

我所知道的是你在做某种同构的应用程序

  • 静态页面可以在构建时预呈现(index.html、about.html等)
  • 从子文件夹(即
    /assets
    )提供静态文件
  • 当请求的URL前缀为,即
    /dashboard
    ,请让express为您的仪表板服务:

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

  • 在仪表板中,您可能会使用。 然后,路由器将向所需组件发送URL:

    从'react router'导入{Route};
    从“app/components/some/SomeView.jsx”导入SomeView;
    


  • 你会发现很多关于同构应用的例子、文章或相关文章。

    这个问题太宽泛了。投票结束。