简单使用
浏览器环境
使用script
标签引入mockjs即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello world</title>
<script src="http://mockjs.com/dist/mock.js"></script>
</head>
<body>
<script>
var id = Mock.mock("@id"); //根据数据占位符生成数据
var cname = Mock.mock("@cname"); //根据数据占位符生成数据
console.log(id, cname);
//14 330000197403192501 谢娟
</script>
</body>
</html>
NodeJs环境
使用npm install mockjs
安装到项目中
const Mock = require("mockjs");
var id = Mock.mock("@id"); //根据数据占位符生成数据
var cname = Mock.mock("@cname"); //根据数据占位符生成数据
console.log(id, cname);
//320000201007166181 周洋
webpage-dev-server环境
最好通过文件读取方式将Mock对象读入,这样就可以动态修改了,可使用json5格式更加方便读取js对象,json5格式与js对象一致,并且可以有注释
json5需要额外安装,使用npm install json5 -D
安装即可,使用方式与原生JSON
对象完全一致
const Mock = require("mockjs");
const before = (app) => {
app.get("/api", (req, res) => {
const obj = {
id: "@id",
name: "@cname"
}
res.json(Mock.mock(obj));
})
}
module.exports = {
devServer: {
before
}
};
Comments NOTHING