码迷,mamicode.com
首页 > 其他好文 > 详细

mock使用方法

时间:2020-05-25 23:41:49      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:yarn   cal   pre   结果   不用   信息   add   返回   local   

安装 Mock.js

为了模拟后台接口提供页面需要的数据,我们引入 Mock.js 为我们提供模拟数据,而不用依赖于后台接口的完成。

安装依赖

执行如下命令,安装依赖包。

yarn add mockjs --dev

安装完成之后,我们写个例子测试一下。

在 src 目录下新建一个 mock 目录,创建 mock.js,在里面我们模拟了两个接口,分别拦截用户和菜单的请求,并返回相应的数据。

如下图所示:

技术图片

修改 Home.vue,在页面放置两个按钮,分别触发用户和菜单的处理请求,成功后弹出获取结果。

技术图片

浏览器访问:http://localhost:8080/#/,分别点击两个按钮,mock 会根据请求 url 拦截对应请求并返回模拟数据。

获取用户信息

技术图片

获取菜单信息

技术图片

 

 OK,mock 已经成功集成进来了。

mock使用方法

标签:yarn   cal   pre   结果   不用   信息   add   返回   local   

原文地址:https://www.cnblogs.com/weijiahao/p/12961745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!