前后端分离 之 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

三、结束

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

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页