Python FastApi 解决跨域及OPTIONS预请求处理

FastAPI 提供了内置的 CORS 中间件,用于处理跨域资源共享(CORS)请求。你可以使用 fastapi.middleware.cors.CORSMiddleware 来启用跨域支持。

OPTIONS 请求的主要意义在于:

  1. 跨域资源共享(CORS)预检请求: 当客户端通过 XMLHttpRequest 或 Fetch API 发送跨域请求时,浏览器会首先发送一个 OPTIONS 请求,以确认服务器是否允许跨域请求。服务器在收到 OPTIONS 请求后,会检查请求头中的相关信息(如 Origin、Access-Control-Request-Method 等),并返回适当的 CORS 头部,以指示是否允许跨域请求。

  2. 查看服务器支持的方法: OPTIONS 请求还可用于查询服务器支持的 HTTP 方法和其他功能。服务器在响应 OPTIONS 请求时,会返回允许的方法(Allow 头部),以便客户端知道可以使用哪些 HTTP 方法进行实际请求。

  3. 测试服务器的性能和可用性: 在某些情况下,OPTIONS 请求也可用于测试服务器的性能和可用性。服务器收到 OPTIONS 请求后,可以执行一些预检操作,并返回适当的响应,以表明服务器的状态。

OPTIONS 请求的主要目的是为了安全地执行跨域请求,并提供服务器支持的 HTTP 方法和其他相关信息。

以下是处理代码示例:

python 复制代码
app = FastAPI() # 2. 创建一个 FastAPI 实例


# 添加CORS中间件
app.add_middleware(
    CORSMiddleware,
    allow_origins=[Config.cors_allowOrigins],
    allow_credentials=True,
    allow_methods=Config.cors_allowMethods, # ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
    allow_headers=Config.cors_allowHeaders  #["Origin,Accept,Accept-Language,Authorization,Content-Type,UserCode,Timestamp,Nonce,Signature"],
)

# # 自定义中间件处理 OPTIONS 请求
@app.middleware("http")
async def options_middleware(request: Request, call_next):
    if request.method == "OPTIONS":
        # 返回允许的 HTTP 方法和其他相关头部信息
        headers =  {
            "allow": Config.cors_allowMethods,
            "Access-Control-Allow-Origin":Config.cors_allowOrigins,
            "Access-Control-Allow-Methods": Config.cors_allowMethods,
            "Access-Control-Allow-Headers": Config.cors_allowHeaders,
        }
        return JSONResponse(content=None,status_code=200,headers=headers)
    # 如果不是 OPTIONS 请求,则继续处理请求
    response = await call_next(request)
    return response
相关推荐
杰哥在此25 分钟前
Python知识点:如何使用Multiprocessing进行并行任务管理
linux·开发语言·python·面试·编程
汪子熙25 分钟前
Angular 服务器端应用 ng-state tag 的作用介绍
前端·javascript·angular.js
Envyᥫᩣ34 分钟前
《ASP.NET Web Forms 实现视频点赞功能的完整示例》
前端·asp.net·音视频·视频点赞
zaim13 小时前
计算机的错误计算(一百一十四)
java·c++·python·rust·go·c·多项式
Мартин.5 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss
昨天;明天。今天。6 小时前
案例-表白墙简单实现
前端·javascript·css
数云界6 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端
风清扬_jd6 小时前
Chromium 如何定义一个chrome.settingsPrivate接口给前端调用c++
前端·c++·chrome
安冬的码畜日常6 小时前
【玩转 JS 函数式编程_006】2.2 小试牛刀:用函数式编程(FP)实现事件只触发一次
开发语言·前端·javascript·函数式编程·tdd·fp·jasmine
ChinaDragonDreamer6 小时前
Vite:为什么选 Vite
前端