程序
- 对前端来说,日常工作中需要访问后端接口,并展示接口内的数据
- 对后端来说,需要负责处理业务逻辑,访问数据库中的数据,并返回给前端,除此之外,还需要对数据库进行存储数据
为什么要使用mockjs
市面上很多公司,后端还没有做好接口文档(前端就不需要等待后端实现接口后再写代码)
前端乐意通过mockjs参考接口文档自己先模拟数据
写业务代码,等待后端准备好,再用后端接口替换自己写的模拟数据
优点
可以实现前后端同时开发,方便程序员
mockjs的作用
生成随机数据,拦截Ajax请求
mockjs如何安装及使用
第一步:安装
npm i kockjs -D
第二步:使用
import Mock from 'mockjs'
Mock.mock(url,data)
第三步:在main.js中导入
import '@/utils/mock'
Mockjs的三种形式
- mock(url,data)
- mock(url,method,data)
- mock(url,method,function(option){return data})
注意:
url:可以是字符串,也可以是正则表达式
method:post,get,put,delete
option内部:(url请求地址、method请求方法、body请求参数)
mockjs可以用来做随机
下面简单列举几种
-
数字
整数:“num|1-100”
小数点:“price|25-50.2-3”:1 -
字符串随机
文字"score|1-5":“⭐”
中文本标题:“title”:“@ctitle(8,14)”
中文段落:“description”:“@cparagraph” -
布尔值:“isLog|1”: true
-
数组:“friend|2-10”: [“小红”, “小蓝”, “小黄”](输出2-10遍)
-
对象:“des|2”: { “eye”: 1, “hand”: 2, “leg”: 2 }
-
其他常用的如图:
其他还有很多其他的随机,
具体请参考mockjs官网:http://mockjs.com/examples.html