在 redux reactjs 应用程序中定义 API url

Posted 2023-02-19

【中文标题】在 redux reactjs 应用程序中定义 API url

【英文标题】：Define API url in a redux reactjs application

【发布时间】：2018-02-03 12:19:34

【问题描述】：

在网上搜索，但没有找到真正的解释示例。我们应该在哪里以及如何在 redux 应用程序中定义一个“全局”api url？

由于我们可以有许多动作持有者，因此最好只有一个包含我们正在使用的 api url 的全局变量。

【问题讨论】：

我不确定你到底想做什么，但我曾经在一个文件中声明了我所有的 api url：export const API_URL = 'http://localhost:8080'; 并将这个 url 导入到我的文件中：import API_URL from "./path.js";跨度>

你是对的！您存储这些全局变量的文件名或目录是什么？

我把文件名叫做RestAPI.js。但显然你可以随意命名它。我在这个文件中有 4 个 URL，每个微服务一个，我在组件中导入了我当前需要的 URL。但我不是 reactjs 大师，可能有更好的解决方案:)

我们会看到一些即将到来的 cmets，但你已经帮我解决了这个问题。非常感谢！

【参考方案1】：

也许不是一个明确的答案，但您可以使用像 axios 这样为您的应用程序包装 API 的库。

我个人在我的应用程序中创建了一个配置文件，并让它导出一个具有这些应用程序范围属性的配置对象。

【讨论】：

这听起来不错，我确实使用 axios！你能举个例子吗？ :)