当前位置: 首页 > news >正文

Apifox接口管理之前端快速mock各种数据

Apifox的出现解决了前端在模拟数据时候的痛点,前端无需在项目中写mock数据,可以使用Apifox写相关的接口,可以自定义返回的数据,然后在项目中直接调接口即可。接下来详细的介绍下Apifox的使用:

下载Apifox客户端

下载地址:https://www.apifox.cn/

下载后直接安装

image

使用步骤

1、注册账号,或者直接使用微信登录(我使用的是微信登录)。

2、新建团队,输入团队名称,保存。

image

3、团队有了,然后新建项目,输入项目名称,保存。

image

4、点击新建的项目,进入项目,然后新建接口。

image

5、新建接口的基础信息。

以登录接口为例,名称为/user/login,注意这里有提示:接口的以‘/’开头。

image

6、新建接口的请求参数。

以最简单的登录接口为例,设置用户名和密码两个参数。

image

7、新建接口的返回参数。

在这里可以使用JSON/XML智能识别/快捷导入,导入需要返回的参数,保存。

image

可以自定义参数的类型和返回的具体值,如果不填写就按照系统的规则随机返回数据。

image

8、上面的都设置好后,直接右上角保存。保存后右上角选择Mock服务,再点运行。

image

9、直接点击发送,就可以成功运行该接口了,下方会显示返回的参数。

image

还可以直接在浏览器中运行该接口,会发现接口运行正常。

image


以上就是Apifox的简单使用方法,还有更复杂的使用可以研究。喜欢的小伙伴,可以给我点个赞哟!!!

如果任何疑问的可以在评论区留言或者私聊。

可以加QQ群交流:568984539,加群备注‘地区-名字-技术类型’。

更多前端、uniapp、nodejs等相关知识可关注我个人博客:https://blog.csdn.net/qq_42961150?spm=1011.2124.3001.5343

相关文章:

  • 识别诈骗邮件
  • uniapp开发:uniapp之vue3.2开发页面传值的解决方案
  • 获取的文件大小转换成MB
  • 数据包一些概念解释说明
  • 基于jQuery轮播carousel.js(轻量化-企业级)
  • uniapp开发:uniapp之vue3.2获取节点信息的差异
  • jq实现拖拽功能-解决滚动条引起的偏差
  • JavaScript类型识别
  • 前端页面跳转的6大类方法及其使用场景特性分析
  • [saiku] olap数据源管理
  • uniapp开发:瀑布流 灵活配置 简单易用 兼容vue2vue3小程序、H5、app等多端
  • Chrome浏览器使用Overrides调试线上代码的技巧
  • js查找json数据中的最大值和最小值方法集结
  • CSS3 Border-color
  • uniapp+unicloud开发微信小程序流程
  • [Vue CLI 3] 配置解析之 css.extract
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • bearychat的java client
  • Create React App 使用
  • CSS相对定位
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • JavaScript异步流程控制的前世今生
  • laravel 用artisan创建自己的模板
  • Laravel深入学习6 - 应用体系结构:解耦事件处理器
  • Linux链接文件
  • oldjun 检测网站的经验
  • PV统计优化设计
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • React as a UI Runtime(五、列表)
  • Selenium实战教程系列(二)---元素定位
  • Vue.js-Day01
  • Xmanager 远程桌面 CentOS 7
  • 如何设计一个比特币钱包服务
  • 物联网链路协议
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • Java性能优化之JVM GC(垃圾回收机制)
  • ​flutter 代码混淆
  • ​io --- 处理流的核心工具​
  • #define、const、typedef的差别
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • $L^p$ 调和函数恒为零
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • (力扣)循环队列的实现与详解(C语言)
  • (生成器)yield与(迭代器)generator
  • (十)c52学习之旅-定时器实验
  • (一)Neo4j下载安装以及初次使用
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • (转)【Hibernate总结系列】使用举例
  • (转)winform之ListView
  • (轉貼) UML中文FAQ (OO) (UML)
  • . ./ bash dash source 这五种执行shell脚本方式 区别
  • .Net IOC框架入门之一 Unity
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • .net 打包工具_pyinstaller打包的exe太大?你需要站在巨人的肩膀上-VC++才是王道