在FastAPI里，当Token有问题或者失效时，定义的逻辑返回自定义的Response，会出现中间件里的跨域信息未通过预请求返回给前端，进而致使请求失败的情况。可以从以下方面解决跨域问题： ### 1. 配置CORS中间件 FastAPI可借助`fastapi.middleware.cors`中的`CORSMiddleware`来配置跨域资源共享（CORS）。要保证在应用启动时就正确配置，且在所有路由之前添加该中间件。以下是示例代码： ```python from fastapi import FastAPI from fastapi.middleware.cors import CORSMiddleware app = FastAPI() # 配置允许的源 origins = [ "http://localhost", "http://localhost:8080", # 可添加更多允许的源 ] # 添加CORS中间件 app.add_middleware( CORSMiddleware, allow_origins=origins, allow_credentials=True, allow_methods=["*"], allow_headers=["*"], ) ``` ### 2. 自定义响应处理 确保在返回自定义Response时，正确设置跨域相关的响应头。在处理Token验证逻辑时，要保证所有响应都包含必要的跨域头信息。以下是示例代码： ```python from fastapi import FastAPI, Request from fastapi.responses import JSONResponse from fastapi.middleware.cors import CORSMiddleware app = FastAPI() # 配置允许的源 origins = [ "http://localhost", "http://localhost:8080", ] # 添加CORS中间件 app.add_middleware( CORSMiddleware, allow_origins=origins, allow_credentials=True, allow_methods=["*"], allow_headers=["*"], ) # 模拟Token验证函数 def verify_token(token): # 这里是Token验证逻辑 if token == "valid_token": return True return False @app.get("/protected") async def protected_route(request: Request): token = request.headers.get("Authorization") if verify_token(token): return JSONResponse(content={"message": "Access granted"}) else: # 返回自定义响应时，确保包含跨域头信息 response = JSONResponse(content={"message": "Invalid token"}, status_code=401) return response ``` ### 3. 预检请求处理 预检请求（OPTIONS请求）是浏览器在发送实际请求前先发送的请求，用于检查服务器是否允许跨域请求。要确保服务器正确处理预检请求，并返回必要的跨域头信息。借助中间件或者自定义路由来处理OPTIONS请求。以下是示例代码： ```python from fastapi import FastAPI, Request from fastapi.responses import Response from fastapi.middleware.cors import CORSMiddleware app = FastAPI() # 配置允许的源 origins = [ "http://localhost", "http://localhost:8080", ] # 添加CORS中间件 app.add_middleware( CORSMiddleware, allow_origins=origins, allow_credentials=True, allow_methods=["*"], allow_headers=["*"], ) # 自定义OPTIONS请求处理 @app.middleware("http") async def add_options_header(request: Request, call_next): if request.method == "OPTIONS": response = Response() response.headers["Access-Control-Allow-Origin"] = ", ".join(origins) response.headers["Access-Control-Allow-Methods"] = "GET, POST, PUT, DELETE, OPTIONS" response.headers["Access-Control-Allow-Headers"] = "Content-Type, Authorization" return response return await call_next(request) ```