mock.js 的安装和使用
安装
npm install mockjs -
此命令是安装
在vue的SRC中新建一个文件架mock,创建index.js
![在这const Mock = require(“mockjs”); //引入
const url = require(“url”)
/*
mock.mock()
参数1:请求地址 选填 url
参数2: 请求类型 选填 type
参数3:数据模板 | 函数
*/
var data = Mock.mock({
“data|100”:[ //意思是data数组中有100条数据
{ //这个对象是用来写数据模板的
“id|+1”:0, //初始值是0每次id都+1
“goodsName”:"@ctitle(3, 5)", //看官网,这个名字是3-5之间的
“goodsPrice|+1”:100, //这个类似上面的id一个,只是初始值是从100开始的
“address”:"@county(true)", //这个是地址,@county(true) 对象的属性值都是mock.mock()提供的方法,直接拿过来用就可以了
“tel”:/^1(3|5|7|8|9)\d{9}$/, //正则写的电话后面1开头,正则不懂自己去学!!!!!!!!!!!很重要
“goodsImg”:"@image(‘200x100’, ‘#894FC4’, ‘#FFF’, ‘alley’)", // 图片
“date”:’@date(“yyyy-MM-dd M:dd:d”)’, //时间
“email”:"@email()" //邮箱
}
]
})
console.log(data);//打印这Mock.mock() 赋值的内容,直接在终端运行就 可以里插入图片描述](https://img-blog.csdnimg.cn/20200722111915439.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1ZXd1eXVu,size_16,color_FFFFFF,t_70)
终端 运行 run code
就会生成相应的随机数据
参考链接:
https://blog.csdn.net/weixin_45000381/article/details/98234684