如何使用 FASTAPI 请求提供标头并在服务器站点进行身份验证？

发布于 2025-01-17 18:01:55 字数 983 浏览 5 评论 0原文

我正在尝试构建一个数据绘制应用程序，当我使用FastApi从JavaScript向Uvicorn Server请求数据时，浏览器会抛出与标题相关的CORS错误。我试图提供带有波纹管的标题，但不确定如何使用FastApi在服务器端验证它们。

javaScript：

  var url = 'http://127.0.0.1:8000/data';

  $.ajax({
  url: url,
  type:'GET',
  dataType: 'json',
  beforeSend: setHeader,
  // data: data,
  success: function(response) {
    chartCircle.updateSeries([
      response.q
    ],
    console.log(response.q)
    )

  }
});


function setHeader(xhr) {
        xhr.setRequestHeader('securityCode', 'Foo');
        xhr.setRequestHeader('passkey', 'Bar');
}

python： fast-api

from typing import Optional
from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware
import random

app = FastAPI()

origins = [*]

@app.get("/")
def read_root():
    return {"Hello": "World"}


@app.get("/data")
def read_item( q: Optional[str] = None):

    return { "q": random.uniform(2.5, 10.0) }

原文

I am trying to build a data ploting app, when I request data from the javascript to uvicorn server using fastAPI, browser throws CORS error related to headers. I tried to provide headers as given bellow but not sure how to authonticate them at server side using fastAPI.

JavaScript:

  var url = 'http://127.0.0.1:8000/data';

  $.ajax({
  url: url,
  type:'GET',
  dataType: 'json',
  beforeSend: setHeader,
  // data: data,
  success: function(response) {
    chartCircle.updateSeries([
      response.q
    ],
    console.log(response.q)
    )

  }
});


function setHeader(xhr) {
        xhr.setRequestHeader('securityCode', 'Foo');
        xhr.setRequestHeader('passkey', 'Bar');
}

Python: FAST-API

from typing import Optional
from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware
import random

app = FastAPI()

origins = [*]

@app.get("/")
def read_root():
    return {"Hello": "World"}


@app.get("/data")
def read_item( q: Optional[str] = None):

    return { "q": random.uniform(2.5, 10.0) }

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

筱武穆 2025-01-24 18:01:55

您是否在 FastAPI 配置中启用并配置了 cors？
它看起来像这样：

app = FastAPI()
origins = [
  "http://localhost:8080",
]

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

Have you enabled and configured cors on your FastAPI config?
It would look something like this:

app = FastAPI()
origins = [
  "http://localhost:8080",
]

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

回复收藏 0 原文

~没有更多了~