node.js - 使用 React Router 刷新浏览器历史记录会返回来 self 的 API 的调用

Question

据我了解，为了正确使用 React Router 中的 browserHistory 对象，我们需要使用通配符 * 路由，以便用户在每次刷新时返回单页面应用程序。当我的客户端 URL 与我的 API URL 之一相同时，就会出现问题。

例如，假设我有一个名为 example.com 的网站，该网站上的其中一个页面是 example.com/profile。如果我刷新，预期的行为是它将简单地重新加载网站 example.com 并正确路由到 /profile，因为通配符路由应该向客户端返回单个页面应用程序。如果我有一个 API 路由 /profile，即 example.com/profile，则此方法不起作用。现在，当用户刷新页面时，不再返回个人资料页面，而是从我的 API 返回 JSON 响应。

根据通配符路由声明的顺序，我可以在刷新时返回 API 响应，也可以在刷新时返回单页应用程序，但当 API url 与客户端浏览器 url 相同时，不能同时返回两者.

关于这个问题有什么建议吗？我当前的解决方案是将所有 API 路由迁移到前面加上 /api/。

Answer 1

您需要确保您的客户端路由不会与 API 路由发生冲突，并且在 API 路由前添加 /api 是处理此问题的一种非常标准的方法。

除了确保它们不发生冲突之外，没有真正的方法“解决”这个问题 - 可能有各种解决方法，但如果路线明确的话，每个参与人员都会更加清楚。