mockjs 的学习总结

mockjs 的学习总结

最近在开发项目的过程中，第一次接触 mockjs，总结一下自己使用 mockjs 的经验，有什么不对的地方，还请诸位多多指教。

一、什么是 mockjs?

只要和后端确立好数据类型，mockjs 使得前端开发无须等待，可以自己拦截、模拟 ajax 请求，节约了开发时间。

二、mockjs 的使用

安装

npm install mockjs

使用

1.根据 api, 返回数据

import Mock from 'mockjs'
Mock.mock('/api/name', {
    'name': 'hello'
})

2.模拟删除、增加api

options 中的内容如下,分别是 ajax 请求中的 url,请求类型和请求参数，不过请求参数都不是 json 格式的。

Mock.mock('/api/remove', 'post', function (options) {
  let testInfos = [{id: 0, master: 0}, {id: 0, master: 0}]
  let temp = json(options.body)
  for (let i in testInfos) {
    if (testInfos[i].id === temp.id) {
           testInfos[i].master = 1
           return testInfos
    }
  }
})

补充：将 options.body 转化为对象(个人需要）,此处的 value 全部为 string 类型

function json (str) {
  let arr = str.split('&')
  let obj = {}
  arr.forEach(item => {
    let key = item.split('=')[0]
    let value = item.split('=')[1]
    obj[key] = value
  })
  return obj
}