Mock数据模拟

在iview-admin2.0中使用Mock.js来实现AJAX请求拦截并返回模拟数据,方便前端开发人员的快速开发,无需等待后端接口实现。

已用户信息相关接口为例来做介绍,我们的Mock配置都在./src/mock文件夹下,首先在index.js文件中注册url匹配规则,并且设置匹配后的处理回调。

  1. // 将login相关的处理回调引入
  2. import { login } from './login'
  3. // 配置拦截匹配规则和处理回调
  4. Mock.mock(/\/login/, login)

然后在login.js文件中定义处理回调,如下

  1. export const login = req => {
  2. req = JSON.parse(req.body)
  3. return {
  4. code: 200,
  5. data: {token: USER_MAP[req.userName].token},
  6. msg: ''
  7. }
  8. }

原文: https://lison16.github.io/iview-admin-doc/#/Mock数据模拟