其他分享
首页 > 其他分享> > FastAPI cors跨域问题解决

FastAPI cors跨域问题解决

作者:互联网

                                                                        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=["*"],
)

 

 

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

 

标签:跨域,FastAPI,app,CORSMiddleware,allow,cors
来源: https://www.cnblogs.com/ztcbug/p/16576813.html