uniapp使用better-mock在小程序端模拟数据


初始化项目

  1. 在uniapp项目目录下
1
npm init

安装better-mock

官方文档

1
npm install better-mock

新建文件

  1. 新建mock文件夹
  2. mock文件夹下新建index.js
  3. 小程序平台要引入dist/mock.mp.js
1
const Mock = require('better-mock/dist/mock.mp.js')
  1. 根据数据模板生成模拟数据
1
2
3
4
5
6
const Mock = require('better-mock/dist/mock.mp.js')
Mock.mock('api/test', {
    'list|1-10': [{
        'id|+1': 1
    }]
})

全局引入

在main.js中全局引入

1
import Mock from './mock'

发送请求

1
2
3
4
5
6
uni.request({
                url:'api/test',
                success:res=>{
                    console.log(res)
                }
            })