Mock.js的简单使用
简述
Mock.js 是一款 模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。
功能
- 根据数据模板生成模拟数据。
- 模拟 Ajax 请求,生成并返回模拟数据。
- 基于 HTML 模板生成模拟数据。
使用场景
- 开发期间前端非常依赖后端的接口,总会苦苦等待后端接口出来才能继续开发。
- 开发纯前端并具备CURD功能的demo项目。
- …
好处
- 只要前后端约定好数据结构,前端便可不受后端开发进度影响。
- 可拦截ajax请求,模拟返回数据,后期无须再修改ajax请求参数。
- 配置简单,拿来即用。
- …
演示
Vue项目中使用
安装
npm install --save-dev mockjs
引入
为了方便后期维护,建议将Mock.js单独配置
// main.js
... 省略Vue的引用
import './mock/mock.js'
配置
方式一:直接使用
// helloWorld.vue
import Mock from 'mockjs'
...
let data = Mock.mock(