node.js - React 中的不同页面服务是如何工作的?

标签 node.js reactjs express web react-router

假设我有一个 React 项目,以及一个为我的项目提供服务的 Express 服务器,如下(构建项目后):

enter image description here ]

这样,就只提供了index.html,不是吗?如果用户路由到不同的页面,该页面如何发送给他?

最佳答案

JavaScript 中的路由是通过使用 HTML5 push state 来管理的。因此,每次您单击链接并转到另一条路线时,都会使用浏览器历史记录和推送状态。这是几乎所有单页应用程序中路由的基础。

除非您刷新页面,否则您的请求不会发送到服务器。因此,index.html仅提供一次,之后路由器(这里是react-router)接管并使用浏览器的历史API管理url中的路由。

希望这有帮助!

关于node.js - React 中的不同页面服务是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55063457/

相关文章:

javascript - 正确的 node.js 抽象可防止访问以太坊区 block 链时的竞争条件

javascript - Material UI 图标无法正确渲染

reactjs - 导航器只能包含 'Screen' 、 'Group' 或 'React.Fragment' 作为其直接子项

node.js - CORS:预检通过,主请求完成 w/200,但浏览器仍然有 Origin 错误

Node.js require 的最佳实践

javascript - 使用cheerio获取html中的元素名称

javascript - Nodejs 从请求范围内检索正文

node.js - 直播视频必须使用什么协议(protocol)?

javascript - 为什么 mapStateToProps 只以这种奇怪的方式更新? (对此可以做些什么?)

javascript - 为什么我无法在 Express 中获取 Auth header ?