vue中使用Mock

Posted 2022-04-29 老张在线敲代码

mock是当前端工程师搭建好了页面只差数据，但是后端还没完成接口开发时候使用的前端虚拟数据

mock的特性

前后端分离

增加单元测试的真实性（通过随机数据，模拟各种场景）

简单实用（符合真实的接口）

数据类型丰富（支持生成的文字，字符串，日期，邮箱，boolean，颜色，图片等）

方便扩展（支持自定义类型函数）

Mock.js地址

搭建Vue项目

vue create mock-demo

项目搭建完毕之后开始安装依赖文件

使用axios发送ajax请求
npm install axios --save

使用mock产生随机数据
npn install mockjs --save-dev

使用json5解决不能加注释的问题
npm install json5 --save-dev

明天更新…