在另一个应用程序中调用一个 Django 应用程序 API URL 以使用 React.js 在前端显示答案

【问题标题】：Calling one Django app API URL inside another app for displaying in front end using React.js在另一个应用程序中调用一个 Django 应用程序 API URL 以使用 React.js 在前端显示
【发布时间】：2017-10-16 11:32:41
【问题描述】：

我正在使用 Django 和 React.js 开发一个项目。我使用 django-restframework 从 API 获得响应，并使用 React.js 在前端显示 API 响应。

我有两个 Django 应用，分别是 users 和 leave，它们有单独的 API URL。

我想在我的users 应用程序的React 部分调用leave API URL 并将其显示在前端。

问题是，当我在users app React.js 部分中调用leave API URL 时，我没有得到正确的响应。

【问题讨论】：

希望我们可以在这里添加一些清晰度。所以你有 2 个独立的（a 和 b），独立的单页应用程序？每个应用程序都连接到自己的 API（a -> a 和 b -> b）。但是在一种情况下，您需要应用 a 连接到 API b？
是的，先生@PhilHauser
你能粘贴你当前的 XHR / ajax / fetch 调用吗？
我已更改并应用为您的答案及其工作。谢谢
欢迎来到 Stack Overflow！我编辑了您的问题，以便于阅读和理解。通常最好包含一个完整的代码示例和您看到的错误。请问可以吗？

标签： django reactjs django-rest-framework

【解决方案1】：

您可以有 2 个获取操作/方法，fetchFromApiA 和 fetchFromApiB。或者，您可以将 api 主机放入配置中，并将选项传递给您的 fetch 操作。

所以{"API_ROOT_A": "http://url-for-a.com", "API_ROOT_B": "http://url-for-b.com"}

然后，粗略地说，在你的 fetch 中你可以这样做：

let url = hostA ? config.API_ROOT_A : config.API_ROOT_B;

【讨论】：