反应路由与快速路由

Question

一直在看很多教程，我看到有快速路由以及反应路由。

客户端的反应路由和节点js路由服务器（api？）。

想知道是否有人可以将此作为React，Node，Express的新内容澄清。

由于

Answer 1

我会尝试通过一个例子解释差异。假设我们在www.example.com

上建立了一个带有反应的单页面应用程序

React Routing

我们点击www.example.com并从服务器加载index.html。请注意，它包含bundle.js文件中的所有反应页面。现在，您可以单击导航栏上的“关于”按钮，这会将您转到www.example.com/about。此调用未命中服务器，它由您的反应路由器处理。

快速

就像上面我们点击www.example.com并获得索引一样。这次我们点击/关于我们从服务器获取信息

请看一下这篇博文：https://medium.com/airbnb-engineering/isomorphic-javascript-the-future-of-web-apps-10882b7a2ebc

Answer 2

可以（甚至建议）组合使用它们。

您可以react-router渲染所有视图组件（因为它非常适合该作业）和express从服务器<获取数据/ strong>（处理api调用）。

例：
example.com/about是视图，应由反应路由器

处理和呈现

<Route path="/about" component={About} />

example.com/user/add或example.com/api/getMyJson是 api通话，应由快速路由器在服务器端进行管理：

app.get('/api/getMyJson', function(req, res) {
  res.send('{"my_var":"value"}');
});

也可以使用服务器端渲染等，但这说明了最常见的用例。