3.0.1 • Published 4 years ago

light-weight-mock v3.0.1

Weekly downloads
3
License
ISC
Repository
github
Last release
4 years ago

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生成的模板数据
})
3.0.1

4 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago