json-server结合mockjs搭建本地数据模拟服务
欢迎光临我的博客查看最新文章:
json-server安装使用可以参考博文：。
json-server除了使用db.json提供静态数据，还可以结合mockjs提供动态数据，下面介绍使用方法。
1、安装mockjs
npm install mockjs --save
2、mockjs使用
新建js文件：users.js，内容如下：
let Mock = require(mockjs);
let random = Mock.Random;
module.exports = () => {
let data = {
users: []
};
for (let i = 1; i <= 5; i++) {
let content = random.cparagraph(1, 5);
data.users.push({
id: i,
name: random.cname(),
phone: random.integer(11, 11),
desc: content,
tag: random.cword(2, 6),
age: random.integer(18, 60),
image: random.image(200x100, random.color(), random.word(2, 6))
})
}
return data
}
在package.json的scripts下新增如下脚本：
"mock": "json-server --watch users.js"
启动json-server：
npm run mock
如下说明服务启动成功！
浏览器输入：，可以动态获取到模拟数据：
可以根据你的需求，修改users.js中生成数据的配置，很方便。
以上代码托管在gitee：
