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

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

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

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

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

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

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

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

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

相关推荐
Yeats_Liao1 天前
微调决策树:何时使用Prompt Engineering,何时选择Fine-tuning?
前端·人工智能·深度学习·算法·决策树·机器学习·prompt
晚霞的不甘1 天前
Flutter for OpenHarmony 实现 iOS 风格科学计算器:从 UI 到表达式求值的完整解析
前端·flutter·ui·ios·前端框架·交互
陈希瑞1 天前
OpenClaw Chrome扩展使用教程 - 浏览器中继控制
前端·chrome
雨季6661 天前
Flutter 三端应用实战:OpenHarmony “呼吸灯”——在焦虑时代守护每一次呼吸的数字禅修
开发语言·前端·flutter·ui·交互
切糕师学AI1 天前
Vue 中如何修改地址栏参数并重新加载?
前端·javascript·vue.js
软弹1 天前
Vue3如何融合TS
前端·javascript·vue.js
0思必得01 天前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5161 天前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino1 天前
图片、文件的预览
前端·javascript
layman05281 天前
webpack5 css-loader:从基础到原理
前端·css·webpack