如何在 React 的多租户应用程序前端处理 REST API 调用？答案

【问题标题】：How to deal with REST API calls in a multi-tenant application frontend in React?如何在 React 的多租户应用程序前端处理 REST API 调用？
【发布时间】：2020-05-28 18:02:42
【问题描述】：

我在前端（React）和后端（用 Node.js 制作的 REST API）中有一个多租户应用程序。每个用户都可以拥有自己的子域，例如alice.example.com 或bob.example.com，其中租户是 URL 的第一部分。这些自定义页面中的每一个都有自己的主题（只有一种原色和一个徽标）。例如，您可以通过bob.example.com/api/v1 访问特定租户的 API。

到目前为止一切顺利。但问题是：如何在前端处理这个问题？当有人输入bob.example.com 时，React 应用程序如何知道从后端加载哪个特定主题并仅对bob.example.com/api/v1 进行 API 调用？每次我的页面重新加载以获取主题颜色和图像时都可以进行 API 调用吗？如果是这样，由于 React Router 不处理子域，如何在前端获取租户？

提前致谢。

【问题讨论】：

标签： reactjs rest frontend multi-tenant

【解决方案1】：

您可以在此处将颜色值存储在特定于用户的 redux 中。因此，当您重新加载或当不同的用户尝试使用该页面时，可以显示 w.r.t 用户颜色主题。谢谢你

【讨论】：