在前端测试授权的 API 调用答案

【问题标题】：Testing authorized API calls on FrontEnd在前端测试授权的 API 调用
【发布时间】：2021-06-18 03:13:41
【问题描述】：

我有一个 react 应用，我在其中定义了 API 函数，以便我可以在需要的地方调用这些函数。

现在我想为这些 API 调用编写测试。我的 API 函数在内部使用 Axios 来执行请求。在应用程序中，我使用 Axios 拦截器将身份验证令牌添加到这些请求中，现在我想要一种干净的方法来测试此类授权 API，这些 API 在其标头中需要令牌。

我的问题是如何在不干扰我的设计的情况下测试这些授权的 API 功能。这是我要测试的示例 API 函数，它需要在标头中添加身份验证令牌：

export const delete_store = (id) => {
  return Axios.delete(`api/example/url/${id}`);
};

【问题讨论】：

【解决方案1】：

您可以将标题作为第二个参数传递。

Axios.delete(URL, {headers: { auth: token }})

【讨论】：