z天赐

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

                                                                        FastAPI   cors跨域问题解决
问题描述
:当我们使用fastapi在本地写完代码之后,部署到服务器上,那么从客户端来调用api是没有问题的
但是前端vue调用的时候,却出现了跨域的问题,报cross-origin Resource sharing error PreflightMissingAllowOriginHeader

前提要知道一件时间:FastAPI默认是不能跨域访问的。

 

解决思路:如果想跨域访问,需要在初始化app后,增加跨域中间件。

 

实操:

在main文件中直接添加下面内容即可
from fastapi.middleware.cors import CORSMiddleware
app.add_middleware(
CORSMiddleware,
allow_origins=["*"],
allow_credentials=True,
allow_methods=["*"],
allow_headers=["*"],
)

 

 

在代码中所在位置(仅作展示,并非解决方案):

 

posted on 2022-08-11 17:18  z天赐  阅读(2071)  评论(1编辑  收藏  举报