使用axios发送请求时，无法在http拦截器python fastapi中获取请求头

Question

我正在使用快速API服务器并公开了api。并且从我使用axios的JS中，我正在调用这个服务器。

我正在使用拦截器检查标头中的令牌。

我还添加了CORSMiddleware

这是代码

origins = ["*", "http://localhost:3002"]

# Creating FastAPI Application
app = FastAPI()


app.include_router(chat_service.router)
app.add_middleware(
    CORSMiddleware,
    allow_origins=origins,
    allow_credentials=True,
    allow_methods=["*"],
    allow_headers=["*"]
)

还有拦截器

@app.middleware("http")
async def verifyJWT(request: Request, call_next):
    try:
        token = request.headers['token']
        ...
    except:
        return JSONResponse(content={
            "err": "You are not authorized"
        }, status_code=401)

下面是JS中使用axios的代码

$.ajax({
    url: url,
    type: "POST",
    crossDomain: true,
    contentType: "application/json",
    headers: {
        "accept": "*/*",
        "Access-Control-Allow-Origin": "*",
        "Content-Type": "application/json" ,
        "token": TOKEN
    },
    data: my_data,
    success: function (botResponse, status) {
        ...
    },
    error: function (xhr, textStatus, errorThrown) {
         .. .
    }
});

我在< code >头中传递< code >令牌

但在快速 api 服务器上，它会抛出错误，因为标头中没有令牌

在控制台上显示

Access to XMLHttpRequest at 'http://localhost:8082/api/process' from origin 'http://localhost:3002' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

如果我从ThunderClient进行呼叫，它会起作用。

可能是什么问题，我该如何解决这个问题？

Answer 1

问题出在您的来源 = [“*”， “http://localhost:3002”]。据我了解，当您在中间件中设置 allow_credentials=True 时，您不能使用通配符（即“*”）进行allow_origins。这是文档的摘录。

allow_credentials-指示跨域请求应支持cookie。默认为False。此外，allow_origins不能设置为 ['*'] 才能允许凭据，必须指定来源。

链接到文件在这里:https://fastapi.tiangolo.com/tutorial/cors/