uni-app引入Better-Mock

初始化项目

1. 在uniapp项目目录下

npm init

安装better-mock

官方文档

npm install better-mock

新建文件

1. 新建mock文件夹
2. mock文件夹下新建index.js
3. 小程序平台要引入dist/mock.mp.js

const Mock = require('better-mock/dist/mock.mp.js')

4. 根据数据模板生成模拟数据mock/index,js里配置如下：

const Mock = require('better-mock/dist/mock.mp.js')
Mock.mock('api/test', {
    'list|1-10': [
       {
         // 属性 id 是一个自增数，起始值为 1，每次增 1
         'id|+1': 1
       }
     ]
})

全局引入

在main.js中全局引入

import Mock from './mock'

发送请求

uni.request({
                url:'api/test',
                success:res=>{
                    console.log(res)
                }
            })

拿到数据

image.png