javascript - 将所有 api 端点保留在一处

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 6 年前。

Improve this question

我正在开发一个react项目，我必须在应用程序中调用很多后端api。所以我有一个组件，我从该组件调用所需的 api。像这样，我在每三个组件中都有 api url。是否有任何最佳实践可以将所有网址保留在一个位置并在需要时在组件中使用它们？

Answer 1

我的做法

我的项目中有 api 文件夹，我在其中编写所有 api 请求。我根据 API 调用的工作对其进行分组，并放入单独的 js 文件中，例如:

userapi.js (all login/logout and other user management relate api calls)

所以我的 userapi 看起来像

export const login = (params) =>{
  //login code
}

export const register = (params) =>{
  //registeration code
}

我将所有配置变量放在单独的文件config.js中。最后在 index.js 中，我导入所有这些函数并将其导出，以便我可以通过一个位置 index.js

访问所有这些函数