express - 使用react-router和expressroutes.js有什么区别

Question

我正在做一个使用react、redux和express的项目，我不明白react-router和expressroutes.js之间有什么区别，我需要将两者结合起来还是只使用一个？

https://github.com/reactjs/react-router

感谢您的帮助:)

Answer 1

注:this stackoverflow post包含对您有很大帮助的示例和代码。

这是一个典型的误解。 Express 将处理后端路由，而 React(使用 React-router 或任何前端路由库)将处理前端路由。您的 React 应用程序可能是一个 SPA(单页应用程序)，这意味着您的服务器(express 或其他服务器)必须为 index.html 提供服务，并且 React 将从这里处理您的应用程序。这意味着 React 将评估路由并决定渲染哪个 View 。

因此，您必须确保当用户访问像 /accounts/me 这样的路由时，服务器会在需要时为您的前端(react)应用程序提供服务，但是像 /api 这样的路由/users/me 将呈现数据。这只是一个例子。

“正常”用法是使用 Express 处理数据(通过 API)，而仅使用 React 处理应用程序(页面和 View )。

如果您使用服务器渲染，它会变得有点复杂。

在大多数情况下，是的，您必须同时使用两者。

编辑:如果您的问题更具体地说明您的使用情况和您想要执行的操作，那么回答会更容易。

编辑2:大多数时候，为前端应用程序和API(数据)提供服务的服务器不是相同的，如果是，只需确保当某些路由命中服务时发送应用程序:即/home、/about(显然是 - 这里 - 不是 api 路由)应该发送服务 index.html 作为你的前端应用程序，React 会处理决定渲染内容的路线。