fastapi如何设置服务器端添加响应头部 Access-Control-Allow-Origin

在 FastAPI 中设置服务器端添加响应头部 `Access-Control-Allow-Origin`，可以通过使用 FastAPI 提供的中间件来实现。以下是一个简单的示例代码：

from fastapi import FastAPI, Request
from fastapi.middleware.cors import CORSMiddleware

app = FastAPI()

# 允许所有来源的请求
origins = ["*"]

# 添加中间件
app.add_middleware(
    CORSMiddleware,
    allow_origins=origins,
    allow_credentials=True,
    allow_methods=["*"],
    allow_headers=["*"],
)

@app.get("/")
async def root():
    return {"message": "Hello, World!"}

在上面的代码中，我们使用了 `CORSMiddleware` 中间件，并通过 `allow_origins` 参数设置了允许的来源，使用 `*` 表示允许所有来源的请求。还可以通过其他参数来设置更多的 CORS 相关配置。

这样设置之后，服务器会在每个响应中添加 `Access-Control-Allow-Origin` 头部，允许跨域访问。

相关问题

uni设置服务器响应头Access-Control-Allow-Origin、Access-Control-Allow-Methods 实例

Access-Control-Allow-Origin是一个服务器响应头，用于指定允许访问该资源的域名。它的值可以是具体的域名，也可以是通配符"*"，表示允许任意域名访问该资源。

Access-Control-Allow-Methods是一个服务器响应头，用于指定允许的HTTP请求方法。它的值是一个逗号分隔的字符串，包含了服务器支持的HTTP请求方法。

下面是一个示例，展示了如何设置这两个响应头：

// 设置允许所有域名访问该资源，并且支持GET和POST请求方法
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST

这个示例中，服务器设置了Access-Control-Allow-Origin为通配符"*"，表示允许任意域名访问该资源。同时，设置Access-Control-Allow-Methods为"GET, POST"，表示只允许使用GET和POST请求方法访问该资源。

在服务器端配置响应头Access-Control-Allow-Origin。

在服务器端配置`Access-Control-Allow-Origin`响应头是为了允许来自特定源的跨域请求。当客户端（比如浏览器）发起AJAX（Asynchronous JavaScript and XML）请求到不同的域名时，由于浏览器的同源策略（Same-Origin Policy），默认会阻止这种请求以防止恶意脚本获取敏感信息。

`Access-Control-Allow-Origin`字段是一个值列表，它告诉浏览器哪些源是允许的。例如，如果你希望允许所有的来源都能访问，你可以设置为`*`（通配符）。但更常见的做法是明确指定某个具体的源，如`http://example.com`。

在Node.js、Express等后端框架中，你可以在HTTP响应头中添加该字段，如下面的示例代码：

res.setHeader('Access-Control-Allow-Origin', 'http://yourdomain.com');

在PHP中，你可以这样做：

header("Access-Control-Allow-Origin: http://yourdomain.com");

设置完成后，客户端发起的跨域请求将不会收到`SecurityError`，而是会接收到服务器返回的允许其访问的数据。注意，此操作应当谨慎，因为一旦设置，就可能导致隐私泄露的风险。