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

Question

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

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

提前致谢。

标签： reactjsrestfrontendmulti-tenant

Answer 1

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