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

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

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

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

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

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

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

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

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

相关推荐
灵感__idea2 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴3 小时前
Mix
前端·webgl
代码续发3 小时前
前端组件梳理
前端
试图让你心动4 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码4 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记4 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏5 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数5 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante5 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam6 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript