安装
npm install --save-dev mockjs
在vue-cli3+中使用mock.js
- 创建
mock
(任意名称)文件夹,并创建index.js
(必须),其他子模块任意存放
index.js
导入子模块,类似这样
import './modules/user'
import './modules/account'
- 子模块模拟
api
import Mock from 'mockjs'
Mock.mock('/account/getaccountnum', 'post', "@integer(10000, 50000)")
Mock.mock('/account/getlist', options => {
var accountType = options.body.type;
})
main.js
引入mock
数据
import '@/mock'
常用数据占位符
"integer": "@integer(10, 30)",
"float": "@float(60, 100, 2, 2)",
"boolean": "@boolean",
"string|1-2": "@string",
"name":"@cname",
"date": "@date(yyyy-MM-dd)",
"datetime": "@datetime",
"now": "@now",
"id": "@id",
"guid": "@guid",
"url": "@url",
"email": "@email",
"image": "@image(200x200)",
"title": "@title",
"upper": "@upper(@title)",
"cparagraph": "@cparagraph",
"csentence": "@csentence",
"range": "@range(2, 10)" ,
"region": "@region",
"province": "@province",
"city": "@city",
"county": "@county",