问题标签 [axios-mock-adapter]

我有一个重写的 Axios 函数，它可以帮助我发出 API 请求。该函数的实现是当 API 调用失败时，它会在error.customAttributes.

我想测试这个函数catch代码，它正确地添加/构建error.userError对象。为此，我嘲笑 Axios 调用如下。

但我无法像那样模拟 Axios 请求，错误对象不包含我期望customAttributes的 . 好心提醒。

When trying to setup axios to mock requests to an incomplete api server I'm using to build a front end, I am getting 404 responses on all requests, even those that aren't mocked at all.

Codesandbox Example

我尝试使用 Axios 模拟适配器来模拟 GET 到 Web API，但它不起作用。

api url 看起来像这样：

我尝试使用正则表达式，但不起作用（可能与 d+ 有关）：

这项工作：

我购买了带有 axios-mock-adapter 的 Metronic React 模板。我仍然需要模拟请求进行身份验证，但是当我使用 Axios 获取公共 API 时，Axios.get() 返回 404 或未定义（请参阅下面的我的 redux 模块）。

还原模块

根索引.js

模拟Axios.js

我如何同时使用（模拟请求和真实请求）。谢谢

我有一个组件，我在 mount 上进行 API 调用

我已经在这样的不同文件夹中设置了我的模拟适配器

在我的表格文件中，我有这个代码 -

运行代码后，我得到 404 错误未找到。请帮助修复。

我正在使用 Jest 为我的 React JS Web 应用程序编写单元测试/集成测试。我正在测试的组件正在异步进行 API 调用。我正在使用这个库https://github.com/ctimmerm/axios-mock-adapter来模拟 API 请求。

这是我的组件

这是我模拟 API 请求的测试。

当我运行测试时，我收到以下错误。

我的代码有什么问题，我该如何解决？

如何仅在开发模式下有条件地导入模块（在我的情况下是axios-mock-adapter包）。此外，代码甚至不应该出现在生产包中。

我只想在开发过程中包含示例代码：

现在我根据以下条件导入模块：

该代码仍包含在 build中，但它不会在生产模式下执行。怎么可能从生产包中完全排除代码（当然在每次构建之前不注释掉代码）？

更新

上面的例子工作正常。在问这个问题之前，我还从其他地方导入了文件，这导致了这种行为。

接受的答案详细解释了 webpack 将如何捆绑代码和模块。

我的应用程序使用的来自外部库的组件将从 URL（例如 https://external-library/getResource）获取对象并返回它。

在我对此组件的单元测试中，如何使用 Axios 模拟来自 https://external-library/getResource 的响应？我已经将我的 Axios 适配器配置为返回一些东西：

adapter.onGet(/\/external-library\/getResource/).reply(200, mockResponse)

但它实际上并没有发生 - 我能够看到对该资源的调用由于没有身份验证令牌而失败，并且监视adapter.onGet了它从未调用过的揭示。

是否可以将 axios 配置为在系统级别监听呼出电话？

我正在使用带有 axios 的 MockAdapter 来模拟故事书中的 api 响应

假设我有上述两种模拟默认帐户详细信息和帐户详细信息的方法。这两种方法之间的唯一区别是不同的帐户 ID (1902124261/1902124221)。我需要根据这两个不同的帐户显示 2 个故事，我如何抽象模拟 api 方法而不是为每个故事我需要编写这些重复的代码（除了帐户 id，我还有其他参数也有这个问题.)

我有一个组件等待资源中的一些数据。我正在使用 React suspense 来显示加载屏幕，直到它得到响应。一切都按预期工作。

但是，在测试时，即使在onGet中注册，它也永远不会从组件中axiosMock获取请求。<Cmp />由于连接错误，测试失败。