用 Easy Mock 模拟伪造服务器数据进行开发调试

之前开发的时候须要数据调试要么当前文件代码写死, 要么新建 JSON 文件来获取. 偶然知道了 Easy Mock 这个神奇的网站(可能有点后知后觉), 伪造起数据别提多爽了浏览器

初次见面

打开Easy Mock 官网, 界面甚至简单,我喜欢, Hello Easy Mock网站

看到它的第一眼

Easy Mock 的自我介绍 调试

简单介绍

开启探索之旅

看过介绍, 下面就开始登陆使用了cdn

强势登陆

若是以前没有帐号, 会直接注册并进行登陆 blog

登陆或注册

只属于你的项目

登陆以后, 会直接进到你的项目页面, 这里有你名下全部的项目接口

项目

接口列表

点开一个项目, 你会看到当前项目下全部的接口列表开发

接口列表

接口详情

点击接口列表右侧的编辑按钮, 能够直接进行模拟数据的编辑, 以及右侧接口说明信息文档

这个是个人示例, 编辑完成以后点击右侧更新, 而后关闭页面 get

接口详情

接口使用

进行以上修改编辑以后, 就能够使用接口进行数据获取了it

复制接口地址

在接口列表也, 点击右侧复制按钮, 会直接复制当前接口的请求地址

复制接口地址

js 里 Ajax 请求接口数据

回到 js 代码里, 能够直接用 Ajax 方法进行数据请求

js 请求示例

华丽丽的结果展现

打开浏览器调试窗口, 你所 伪造 的数据已经出现了

返回结果

而后, 就能够用这些数据进行须要的开发调试了.

这仅仅是一片 Easy Mock 入门文章, 若有其它需求, 可直接阅读官网文档 友情连接: Easy Mock 文档

相关文章
相关标签/搜索