mock的使用

Mock的使用

Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：

    根据数据模板生成模拟数据

    模拟 Ajax 请求，生成并返回模拟数据

    基于 HTML 模板生成模拟数据

1、安装mock

Mock的使用手册：

https://github.com/nuysoft/Mock/wiki

http://mockjs.com/0.1/

2、在vue中使用mock

新建mock文档，下面定义mock的js文件，导出为

 

module.exports = [
  // user login
  {
    url: '/vue-element-admin/user/login',
    type: 'post',
    response: config => {
      const { username } = config.body
      const token = tokens[username]
      // mock error
      if (!token) {
        return {
          code: 60204,
          message: 'Account and password are incorrect.'
        }
      }
      return {
        code: 20000,
        data: token
      }
    }
  }
}

 

 

 

模拟请求返回数据时，需要写明url、type和响应

其中url和type都是字符串，url就是axios请求的地址，type是请求类型（post或get）

响应response是一个箭头函数，函数的return就是请求的返回值。

使用时，正常用axios请求数据，但是axios写的url就是对用mock的url。在发送请求时，mock会自动拦截这些请求，并进行响应。