01-MockJS简单使用

nobility 发布于 2022-03-10 2442 次阅读


简单使用

浏览器环境

使用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
  }
};
此作者没有提供个人介绍
最后更新于 2022-03-10