前后端分离 之 vue 中使用 mock.js

一、前言

简介：mock.js 是个伪造接口请求数据的 js 插件

好处：不用删除频繁增删临时数据。

官网：http://mockjs.com/

二、正文

1.安装 mock.js

npm install mockjs

2.使用 mock.js

demo项目结构图、关键代码如下

3.效果与解释

效果如下图：

解释：本来应该显示 data 中的数据的：

而实际显示mock中的数据：

这点有点类似反向代理，将实际请求转交 mock 处理，返回 mock 的虚拟请求结果。

4.全部代码

https://github.com/larger5/mock

三、结束

使用的场景并不多，项目一般都有测试环境。如果使用的话，肯定都是项目所迫 ~~