mock.js模拟数据

1.安装mock.js模块

yarn add mockjs -S

2.在main.js中引入:require("./mock.js")

3.mock.js

import Mock from 'mockjs' //引入mockjs，npm已安装
import { Random } from 'mockjs' // 引入random对象,随机生成数据的对象，（与占位符@一样）
Mock.setup({
    timeout: 1000  //设置请求延时时间
})
const getdata = function (option) { //定义请求数据方法
    let datalist = []
    for (let i = 0; i < 10; i += 1) {
        const o = {  //mockjs模拟随机生成数据，生成10条
            // recipeId: Random.guid(),
            // billId: Random.string(10),
            // orgId: Random.string('number', 8, 10),
            // Date: Random.date('yyyy-MM-dd'),
            // time: Random.time('A HH:mm:ss'),
            // adress: Random.county(),
            // viewName: Random.cword(4, 16), // 随机生成任意名称
            // personName: Random.cname(),
            // reason: Random.csentence(10, 32),
            id: Random.natural(0, 100),
            city:Random.city(true),
            account: Random.string('number', 11),
            user: Random.cname(),
            situation: Random.boolean()

        }
        datalist.push(o)
    }
    return {
        data: datalist
    }
}
const getdata1 = function (option) { //定义请求数据方法
    let datalist = []
    for (let i = 0; i < 20; i += 1) {
        const o = {  //mockjs模拟随机生成数据，生成20条
            viewName: Random.cword(4, 16), // 随机生成任意名称
        }
        datalist.push(o)
    }
    return {
        data: datalist
    }
}
Mock.mock("http://localhost:3000/merchants", /post|get/i, getdata); //调用模拟数据方法
// Mock.mock("http://localhost:3000/user1", /post|get/i, getdata1);

3.在组件中进行请求