typescript - axios-mock-adapter 如果我模拟请求，则仅适用于我模拟的请求

Question

我正在尝试模拟尚未在服务器上实现的 API。但是，如果我模拟请求，则仅适用于我模拟的请求。如果我在mock.restore();之后添加，mock.onGet那么真正的 API 可以正常工作，但是我也不需要模拟 API。

import * as axios from 'axios';
import MockAdapter from 'axios-mock-adapter';

const mainConfig = require('../../../config/main.js');

const request = (axios as any).create({
  baseURL: mainConfig.apiBaseUrl,
  headers: {
    'Content-Type': 'application/json',
  },
});

const mock = new MockAdapter(request);

mock.onGet('basket').reply(200, {...});

export default request;

Answer 1

正如库文档所解释的，应明确允许未模拟的请求：

// Mock specific requests, but let unmatched ones through
mock
  .onGet('/foo').reply(200)
  .onPut('/bar', { xyz: 'abc' }).reply(204)
  .onAny().passThrough();

Answer 2

添加到@Estus 答案，我们也可以将其他请求转发到服务器，如下所示。

// Mock all requests to /foo with HTTP 200, 
// but forward any others requests to server
var mock = new MockAdapter(axiosInstance, { onNoMatch: "passthrough" });

mock.onAny("/foo").reply(200);