swagger使用教程

写作目的

1.复习+防止忘记

2.新来的后台喜欢用post方式的formdata来提交数据,而我们是比较认可默认json方式的,后面还是兼容了他的接口

1.get提交

a.只需要一个id(最常见)

前端定义接口:

使用:

b.id拼接在请求地址后面(常见)

后端swagger没起,没图了,大概是这样子的

前端定义接口

使用

c.既需要拼接id,还需要传参(常见)

图大概是这样子的


2.post提交

a.提交正常的json数据即可(最常见)

前端定义接口:

使用:

b.提交post需要使用formdata表单格式提交,不太常见(主要就是这里,post时需要前端用formdata提交,挺难受的,没文件上传时不想写new Formdata,可以这样子)

前端定义接口:

使用:

3.put提交

a.id拼接,还需要传参(常见):

前端定义接口:

使用:

相关推荐
青皮桔30 分钟前
CSS实现百分比水柱图
前端·css
失落的多巴胺30 分钟前
使用deepseek制作“喝什么奶茶”随机抽签小网页
javascript·css·css3·html5
DataGear33 分钟前
如何在DataGear 5.4.1 中快速制作SQL服务端分页的数据表格看板
javascript·数据库·sql·信息可视化·数据分析·echarts·数据可视化
影子信息35 分钟前
vue 前端动态导入文件 import.meta.glob
前端·javascript·vue.js
青阳流月36 分钟前
1.vue权衡的艺术
前端·vue.js·开源
样子201840 分钟前
Vue3 之dialog弹框简单制作
前端·javascript·vue.js·前端框架·ecmascript
kevin_水滴石穿41 分钟前
Vue 中报错 TypeError: crypto$2.getRandomValues is not a function
前端·javascript·vue.js
翻滚吧键盘42 分钟前
vue文本插值
javascript·vue.js·ecmascript
孤水寒月2 小时前
给自己网站增加一个免费的AI助手,纯HTML
前端·人工智能·html
CoderLiu2 小时前
用这个MCP,只给大模型一个figma链接就能直接导出图片,还能自动压缩上传?
前端·llm·mcp