首页 > 其他 > 详细

vue项目中mock数据操作步骤

时间:2020-10-13 14:59:26      阅读:28      评论:0      收藏:0      [点我收藏+]
1、进入文件根目录安装mockjs
cnpm install mockjs
2、安装完成之后再src下新建mock目录,创建 mock.js文件,在里面我们模拟了两个接口,分别拦截用户和菜单的请求,并返回响应的数据,mock文件中代码如下:
技术分享图片
技术分享图片
3、修改 Home.vue,在页面放置两个按钮,分别触发用户和菜单的处理请求,成功后打印获取结果,home.vue中的代码如下:
技术分享图片
技术分享图片
4、浏览器访问:http://localhost:8080/#/,分别点击两个按钮,mock 会根据请求 url 拦截对应请求并返回模拟数据。

vue项目中mock数据操作步骤

原文:https://www.cnblogs.com/SpringAndMoon/p/13808399.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!