FastAPI Post 请求未呈现 jinja2 模板

Question

我已经完成了 post 调用并呈现了 login_form.html 的 jinja2 模板

main.py ：

from fastapi import FastAPI, Response, status, HTTPException, Depends
import hashlib
from fastapi import APIRouter, Form
from pydantic import BaseModel
from fastapi.staticfiles import StaticFiles
from fastapi import Request
from fastapi.responses import HTMLResponse
from fastapi.templating import Jinja2Templates

app = FastAPI()

templates = Jinja2Templates(directory="templates")


@app.post("/",response_class=HTMLResponse)
async def login_form(
    request: Request, uname: str = Form(...), passcode: str = Form(...)
):
    print(uname, passcode)
    return templates.TemplateResponse(
        "auth/login_form.html", {"request": request,"result": "res"}
    )

login_form.html ：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Login Form</title>
    </head>
<body>
<h1>Login Form</h1>
<form method="post">
<h5>Username</h5>
<input type="text" name="uname" placeholder="username"></input>
<h5>Password</h5>
<input name="passcode" placeholder="password" type="text"></input>
<input type="submit"></input>
</form>

<p>{{result}}</p>
</body>
</html>

当我在 web 浏览器上加载页面时，我得到：

{"detail":"Method Not Allowed"}

Answer 1

如果您希望它在浏览器中工作，您很可能必须将login_form()设置为GET端点。

如果您已经看到使用带有 FastAPI 的POST的示例，那可能是因为那是用于构建 API 而不是 web 应用程序（也许Starlette是您真正想要的）。

这是适合在浏览器中工作的解决方案（使用 FastAPI）：

from fastapi import FastAPI, Query, Request
from fastapi.responses import HTMLResponse
from fastapi.templating import Jinja2Templates

app = FastAPI()

templates = Jinja2Templates(directory="templates")

@app.get("/", response_class=HTMLResponse)
async def login_form(
    request: Request,
    uname: str = Query(...),     # uname and passcode are mandatory
    passcode: str = Query(...),  # query parameters now
):
    print(uname, passcode)
    return templates.TemplateResponse(
        "auth/login_form.html", {"request": request, "result": "res"}
    )

它呈现如下：

但是，这可能不是您所需要的。 我假设您想要呈现表单而不需要uname和passcode ，在这种情况下，您可能应该从端点中删除 arguments 。

Answer 2

您需要两条路线，首先获取模板然后发布 @app.get("/") @app.post("/")

FastAPI Post 请求未呈现 jinja2 模板

问题描述

2 个解决方案

解决方案1
0 2021-12-27 20:46:45

解决方案2
0 2022-12-29 15:56:08

FastAPI Post 请求未呈现 jinja2 模板

问题描述

2 个解决方案

解决方案1 0 2021-12-27 20:46:45

解决方案2 0 2022-12-29 15:56:08

解决方案1
0 2021-12-27 20:46:45

解决方案2
0 2022-12-29 15:56:08