Easy Mock小白教程

昨天和大佬聊天他叫我mock数据 孤陋寡闻的我至此才知道原来模拟后端数据除了自己手写还有另一种优雅的方式。
看了一下在线使用Easy Mock是最简单的方式了,不过官网给的文档和前辈们写的博客我真的看不懂啊(菜鸟好难)于是自己弄懂之后写了这篇小白文章,仅供新手参考
下面进入正题
进入easy mock官网: https://easy-mock.com/.
在这里插入图片描述
点击右下角+号 新建项目
在这里插入图片描述
给自己的url起个名字 点击创建
然后再进入到 我的项目里面 选择新建的项目 创建一个接口
在这里插入图片描述
在这里插入图片描述

准工作都做完啦 下面就要学习一下怎么写规则了
链接: http://mockjs.com/examples.html.
在这里插入图片描述
这个里面对各种数据类型都有介绍和详细的事例
比如
在这里插入图片描述
数字3表示重复3次,重复内容为后面的★★★
规则了解了之后就可以返回接口那里开始写了
在这里插入图片描述
简单写一点,然后点击创建 回到项目 复制接口地址
在这里插入图片描述
回到项目用一下测试看看

 showData:function(){ 
                    this.$http.get('https://www.easy-mock.com/mock/5dda45eb8151b247e651232b/adopt/test2').then(response=>{
                        console.log(response) 
                    })
                   
                },

结果显示 成功获取数据 可以开始愉快地敲代码啦
在这里插入图片描述

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值