在 FastAPI 中绕过 Swagger UI 进行 JSON 数据输入

使用 FastAPI 时，可以在没有 Swagger UI 中介的情况下发布 JSON 数据。实现此目的的方法如下：

用于 JSON 数据提交的 JavaScript 接口

采用基于 JavaScript 的接口（例如 Fetch API）以 JSON 格式发送数据。这是一个例子：

var data = {
    name: "foo",
    roll: 1
}

fetch('/', {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
}).then(resp => {
    return resp.text();
}).then(data => {
    // Handle the response
});

HTML 表单和 Jinja2 模板

或者，您可以使用 Jinja2 模板和 HTML 表单来提交数据。方法如下：

app.py

from fastapi import FastAPI, Request
from fastapi.templating import Jinja2Templates
from pydantic import BaseModel

app = FastAPI()
templates = Jinja2Templates(directory="templates")

class Item(BaseModel):
    name: str
    roll: int

@app.post("/")
async def create_item(item: Item):
    return item

@app.get("/")
async def index(request: Request):
    return templates.TemplateResponse("index.html", {"request": request})

index.html

通过使用这些技术，您可以方便地将 JSON 数据发布到 FastAPI 后端，而无需依赖 Swagger UI 界面。