FastAPI POST请求后重定向失效，浏览器不刷新页面问题排查

问题根源 #

如果你的POST请求是通过前端JS（比如fetch、axios）异步发起的，浏览器不会自动处理302重定向跳转——这类异步请求的重定向只会被JS接收，不会触发浏览器页面跳转。如果是原生表单提交仍有问题，大概率是JS拦截了默认提交行为。

解决方案 #

方案1：后端返回跳转指令，前端手动处理 #

修改后端返回JSON格式的跳转地址，让前端拿到后主动触发跳转：

@router.post("/post_products")
async def products_page(product_data: List[ProductData]):
    # 你的业务逻辑
    return {"redirect_url": "/login"}

前端（以fetch为例）：

fetch('/post_products', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(你的产品数据),
})
.then(res => res.json())
.then(data => {
  window.location.href = data.redirect_url;
});

方案2：确保原生表单提交未被拦截 #

如果是用HTML原生表单提交，检查是否有JS阻止了默认提交行为，确保表单写法正确：

<form method="POST" action="/post_products">
  <!-- 表单输入项 -->
  <button type="submit">提交</button>
</form>

这种原生提交场景下，浏览器会自动处理302重定向跳转。

方案3：返回自动跳转的HTML页面（应急方案） #

直接返回包含跳转逻辑的HTML，通过meta标签或JS强制页面跳转：

@router.post("/post_products", response_class=HTMLResponse)
async def products_page(product_data: List[ProductData]):
    # 你的业务逻辑
    return """
    <html>
        <head>
            <meta http-equiv="refresh" content="0; url=/login">
            <script>window.location.href = "/login";</script>
        </head>
    </html>
    """

内容的提问来源于stack exchange，提问作者Twopercent