1.Mock介绍
生成随机数据，拦截 Ajax 请求
不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。
这是Mock官网给出的介绍，简单明了的说出了Mock实现的主要功能，也告诉了我们Mock的主要应用场景就是前后端分离开发，前端在没有后台接口的情况下，自己拦截Ajax请求并返回自己造的数据以方便页面调试。
2.Mock的使用
第一步：安装mockjs
npm install mockjs
第二步 在项目中引入mockjs
项目目录下新建一个mock的文件夹，将下面几个文件复制进去
文件内容会在文章最后边
index.js
table.js
utils.js
第三步 配置Ajax请求的拦截
首先在main.js中加入
// mock拦截http请求
const { mockXHR } = require('../mock')
mockXHR()
或
if (process.env.NODE_ENV === 'development') {
const { mockXHR } = require('../mock')
mockXHR()
}
下面这个根据自身项目情况配置
然后配置mock拦截的请求接口 在table.js文件中url通过参数进行调整
url: '/api/dome',
在这样配置之后请求/api/dome接口就会被mock拦截了，至于需要返回的数据格式，就需要自己来设置了
3.Mock造数据
4.Mock拦截多个ajax请求
5.Mock Dome地址
https://github.com/PanJiaChen/vue-element-admin
2021/8/6 我自己的文件地址晚些更
|