light-weight-mock

• 因为不能让后端同学接口拖慢了前端的开发效率，所以mockjs出现了
• 但mockjs本身没有一个最佳实践和学习成本较低的可配置化的方案
• light-weight-mock是一个基于mockjs二次封装, 更轻量的, 可配置的mock数据服务库

learn light-weight-mock（使用说明书）

安装你的依赖包

npm i light-weight-mock -D

在文件中引入 & demo

import axios from 'axios'
import Mock from 'light-weight-mock'

Mock({
  /**
   *  比如你请求的接口是这样 http://www.aaabbbcc.com/common/getSomethingInfo?user=kao&name=jack
   *  你只需要在mock中的配置对象的key中加上以下这一部分, ``/common/getSomethingInfo``, mock就会拦截到这个请求
   *  PS: mock只会拦截你配置里的路径, 其他的路径mock不会拦截, 会走向正常接口流程
   *  
   *  对应的value是一个callback回调函数, 接受的params
   *  如果是get请求则为query参数集合的对象
   *  如果是post则为body参数集合的对象
   *  回调函数必须返回相应的mock语法数据
   */
  '/common/getSomethingInfo':  (params) => {
      if(params.token) {
        return {
          code: 0,
          messgae: 'cool',
          'content|10': [{
            key: '@natual(100)',
            value: '@word(3)'
          }]
        }
      }
      return {
        code: 1,
        messgae: 'take your token'
      }
  }
}, 1000)

axios({
    url: 'www.google.com/common/getSomethingInfo',
    method: 'get',
    params: {
      lcf: 'cool',
      zy: 'notCool',
      token: '1'
    }
})
.then((res) => {
  console.log(res.data);
  // mock生成的模板数据
})