Axios Mock 的一种方法

Axios Mock 的一种方法


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

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

使用方式

  1. 以开发依赖的形式安装:
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: [{
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值