前端工程化-02.Yapi接口管理平台

YApi Pro-高效、易用、功能强大的可视化接口管理平台 图片中链接已失效,此处为新链接

选择添加接口,输入接口名称和接口路径。

创建成功后自动进入接口页面,点击编辑,可以编辑完善这个接口的信息。两个非常重要的信息:1.请求参数设置,2.返回数据设置

请求参数设置设置了请求这个接口的时候需要传送一个参数,例如id=1

所谓返回数据指的就是将来前端在调用这个接口的时候返回数据的格式是什么样子的,可以点击导入json,给他导入一个json格式的数据。

添加备注,保存。就显示了接口的基本信息。

接口一旦管理好,自动生成一个mock地址。mock地址是将来前端人员测试时,可以直接访问该mock地址,其中会自动生成mock测试数据。

也可以点击后面的高级mock,来指定当着这个接口来生成mock数据的时候,期望返回的值是多少。

相关推荐
xixixin_26 分钟前
【Vite】前端开发服务器的配置
服务器·前端·网络
.生产的驴29 分钟前
Vue3 加快页面加载速度 使用CDN外部库的加载 提升页面打开速度 服务器分发
运维·服务器·前端·vue.js·分布式·前端框架·vue
史迪仔011231 分钟前
Python生成器:高效处理大数据的秘密武器
前端·数据库·python
蓝婷儿1 小时前
前端面试每日三题 - Day 34
前端·面试·职场和发展
CopyLower1 小时前
苹果计划将AI搜索集成至Safari:谷歌搜索下降引发的市场变革
前端·人工智能·safari
我是Superman丶4 小时前
【技巧】前端VUE用中文方法名调用没效果的问题
前端·javascript·vue.js
斯~内克4 小时前
Vue 3 中 watch 的使用与深入理解
前端·javascript·vue.js
蜡笔小柯南5 小时前
解决:npm install报错,reason: certificate has expired
前端·npm·node.js
lqj_本人6 小时前
鸿蒙OS&UniApp制作多选框与单选框组件#三方框架 #Uniapp
前端·javascript·uni-app
@PHARAOH7 小时前
WHAT - 前端开发流程 SOP(标准操作流程)参考
前端·领导力