React中Mock.js拦截ajax请求

发布于 2020-04-01  1331 次阅读


安装

npm install mockjs -S

使用

const Mock = require('mockjs')//引入

let data = Mock.mock({//模拟数据
  'list|10':[{
    'id|+1':0,
    'title':'@ctitle',
    'color':'@color',
    'name':'@cname'
  }]
})

Mock.mock('/list',function(options) {//拦截请求
  console.log(options)//指向本次请求的 Ajax 选项集,含有 url、type 和 body 三个属性
  return data;//返回模拟的数据
})

引入

在入口文件index.js中引入import './mock'
引入文件 即可拦截请求

说明

最好把模拟数据文件和拦截请求文件分开写 这样目录结构更清晰


I struggle for what I love, so I can be happy here.