Mockjs 快速入门
MockJs 是用来生成随机数据，拦截 Ajax 请求
浏览器环境
使用 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 对象读入，这样就可以动态修改了，可使用 json 5 格式更加方便读取 js 对象，json 5 格式与 js 对象一致，并且可以有注释
json 5 需要额外安装，使用 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