Axios Mock 的一种方法_axios-mock-adapter

作者：Cpp五条 | 2024-06-12 08:34:50

踩

axios-mock-adapter

Axios Mock 的一种方法

使用方式
我的使用姿势

前端在写页面逻辑时，后端的接口还没好，又不想等到接口好了再开发，这时候怎么办呢？就需要 Mock 来帮忙了，发同样的请求，返回的数据却可以自己定义，发请求的代码写好了也不用改，多好。

介绍一个工具 axios-mock-adapter 可以实现这个功能

使用方式

以开发依赖的形式安装：

npm install axios-mock-adapter --save-dev
1

创建适配器

var axios = require("axios");
var MockAdapter = require("axios-mock-adapter");

// 将 axios 实例作为参数传入，MockAdapter 就会改造这个 axios 示例，
// 通过这个 axios 实例发送的请求，将会被引导到自己定义的返回，而不会真正去请求接口
var mock = new MockAdapter(axios);

// 使用 mock 监听 /users 这个 GET 请求，并指定响应的数据
// 走 mock 时，该接口返回 reply 方法中指定的数据
mock.onGet("/users").reply(200, {
   
  users: [{
    1
2
3
4
5
6
7
8
9
10
11
12

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/707305