Mock基本使用

Mock安装

切换到项目所在目录

D:\Tech\前端\Vue\hello0408>cd D:\Tech\前端\Vue\hello0401

安装mockjs

D:\Tech\前端\Vue\hello0401>npm install mockjs

npm WARN saveError ENOENT: no such file or directory, open 'D:\Tech\前端\Vue\hello0401\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN notsup Unsupported engine for commander@9.1.0: wanted: {"node":"^12.20.0 || >=14"} (current: {"node":"10.16.3","npm":"6.12.0"})
npm WARN notsup Not compatible with your version of node/npm: commander@9.1.0
npm WARN enoent ENOENT: no such file or directory, open 'D:\Tech\前端\Vue\hello0401\package.json'
npm WARN hello0401 No description
npm WARN hello0401 No repository field.
npm WARN hello0401 No README data
npm WARN hello0401 No license field.

+ mockjs@1.1.0
added 2 packages from 2 contributors and audited 2 packages in 1.753s
found 0 vulnerabilities

Mock测试

创建测试文件

在项目文件夹下，创建一个 mock 文件夹，里面包含一个 js 文件,

testMock.js :

 
// 先用 require 导入 mockjs
const Mock = require('mockjs')
// 随后就可随意测试 mockjs 语法
let id = Mock.mock('@id')
console.log(id);

测试Mock

使用 node xxx （xxx：js文件名）的形式，运行即可看到输出结果。此时已经可以看到上述代码的运行结果。

将当前目录切换到testMock所作目录，并在命令行执行：

node test_mock.js

430000197504136107

这就是最基本的模拟数据方法，使用的 Mock.mock。它将根据数据模板生成模拟数据。

官方文档

对于 Mock.mock 中可选用的用法和可用工具类可参考官方文档。官方文档介绍的很详细，案例也全部都展现了出来，很容易理解：

http://mockjs.com/examples.html

https://github.com/nuysoft/Mock/wiki

原文链接：https://blog.csdn.net/qq_45613931/article/details/119530800

Mock使用

为了之后方便查看，在这里只展示几个用法。

// 先用 require 导入 mockjs
const Mock = require('mockjs')
const fs = require('fs')

let obj = Mock.mock({
    id: "@id()",                   // 得到随机的id
    username: "@cname()",          // 随机生成中文名字
    date: "@date()",               // 随机生成日期
    avatar: "@image('200x200','red','#fff','avatar')",   // 随机生成图片
    description: "@paragraph()",   // 随机生成描述
    ip: "@ip()",                   // 随机生成ip地址
    email: "@email()",             // 随机生成email

    // 范围内，随机重复字符串次数
    "string|1-10": "xxx",
    // 范围内，随机生成数字
    "number|1-100": 100,
    // 随机生成布尔值
    "boolean|1": true,
    // 在对象中，抽取随机数个数据
    "object|1-4": {
        "110000": "北京市",
        "120000": "天津市",
        "130000": "河北省",
        "140000": "山西省"
    },
    // 在数组中，抽取随机数个数据
    "array|1-10": [
        {
            // 抽出的每个数据中的对象将轮流从该数组中抽取
            "name|+1": [
                "Hello",
                "Mock.js",
                "!"
            ]
        }
    ],
    // 根据正则表达式，随机生成自定义数据
    'regexp': /[a-z][A-Z][0-9]/,
})
console.log(obj);

测试

D:\Tech\前端\Vue\hello0401\mock>node test_mock.js

{ id: '430000200701086481',
  username: '彭娜',
  date: '2010-03-01',
  avatar: 'http://dummyimage.com/200x200/red/fff&text=avatar',
  description:
   'Omiehca mtmnylwud ogrhg hykm cfjsst cpqdq txjo srqoeyiox bvrj erlbmt kqnydx lfhwksnd dfxuy mmsznz tjlbvpv. Phbgcct srrgmhn kxhpb egxztle lddfpnk wstje uadz gnilbpwd riesx tfrb tbzgjffqhx ikmwpblg mwqvgwvt elhbtjpri uxoybfgnp mzeh ilsipbbmb. Nwbyhtzh ybkuldacl fyxoxg uqueqwzbr ybfmbux ldgcz xxfiinn ghjdo vmiyipz xtbyfgtz ldyvw moyw leuce yffygmbjt huhp lynb bomcwa. Ijjvfmsrd umfn jxed gpngqmofhr rkhvh sswqjv vfbw cdia wnxelwwrd grhmu tgqd umwcu fghkxrke teg. Gpdpgvd ltmujvo csev oli okwndddtn setzovb fmxg whnfh wryt duqbwozef jlclrz wdbn ghhsymbf ccuixx hrwp ayeycllhi ukpy.',
  ip: '222.134.196.111',
  email: 'c.oyjerp@fksgp.uy',
  string: 'xxx',
  number: 31,
  boolean: true,
  object: { '120000': '天津市' },
  array:
   [ { name: 'Hello' },
     { name: 'Mock.js' },
     { name: '!' },
     { name: 'Hello' },
     { name: 'Mock.js' },
     { name: '!' },
     { name: 'Hello' } ],
  regexp: 'hS6' }