Mock.js在Vue项目中的使用

文章目录

• • 写在前面
  • Mock.js 初体验
  • Mock.js语法规范
  • • 1.数据模板定义规范
    • 2.数据占位符定义规范
    • 3.一个实际开发中会用到的案例：生成个人信息
  • Mock.js在Vue中的使用
  • • 1.定义接口路由，在接口中并返回mock模拟的数据
    • 2.在vue.config.js中配置devServer，在before属性中引入接口路由函数
    • 3.使用axios调用该接口，获取数据
  • 如何控制Mock接口的开关？

写在前面

这里是小飞侠Pan??，立志成为一名优秀的前端程序媛！！！

本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~

??https://github.com/mengqiuleo/myNote

---

Mock.js 初体验

安装：

npm install mockjs

导入：

var Mock = require('mockjs')

导入：

var data = Mock.mock({....})

Mock.js语法规范

Mock.js语法规范: