FastAPI（Deta Space部署）与Netlify跨域CORS问题求助

问题背景 #

前端托管在Netlify，地址为https://actuallyinflint.netlify.app，同时配置了自定义域名https://actuallyinflint.com；后端基于FastAPI部署在Deta Space。已在后端配置允许的跨域源，但仍持续出现CORS错误。

后端CORS配置代码 #

from starlette.middleware.cors import CORSMiddleware

origins = [
    "http://localhost",
    "http://localhost:3000",
    "https://actuallyinflint.netlify.app/",
    "https://actuallyinflint.netlify.app",
    "https://actuallyinflint.com"
    "https://actuallyinflint.com/"
]

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

浏览器报错信息 #

跨域请求被阻止：同源策略不允许读取位于https:myDetaSpaceHostedUrl的远程资源。（原因：缺少CORS头‘Access-Control-Allow-Origin’）。状态码：500。

请求头信息 #

POST /upload/4th%20of%20July%2F HTTP/1.1
Host: myDetaSpaceHostedUrl
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Prefer: safe
Referer: https://actuallyinflint.netlify.app/
Content-Type: multipart/form-data; boundary=---------------------------396167196518845472703356094571
Content-Length: 5213567
Origin: https://actuallyinflint.netlify.app
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

排查与解决步骤 #

1. 修复CORS配置的语法错误 #

你的origins列表中，"https://actuallyinflint.com"末尾缺少逗号，导致它和下一个字符串被拼接成无效URL：https://actuallyinflint.comhttps://actuallyinflint.com/，直接导致CORSMiddleware无法正确匹配请求源。修正后的代码：

origins = [
    "http://localhost",
    "http://localhost:3000",
    "https://actuallyinflint.netlify.app/",
    "https://actuallyinflint.netlify.app",
    "https://actuallyinflint.com",
    "https://actuallyinflint.com/"
]

2. 排查后端500内部错误 #

浏览器报错显示状态码为500，说明后端处理请求时发生了内部错误，此时CORSMiddleware可能还没来得及添加CORS头就返回了错误。需要：

• 查看Deta Space的后端日志，确认POST /upload/4th%20of%20July%2F请求是否触发了代码异常（比如路径解析、文件上传逻辑错误）
• 先确保后端能正常处理该请求并返回2xx状态码，再验证CORS配置是否生效

3. 简化配置测试（临时排查用） #

临时将allow_origins设为["*"]（生产环境不建议），如果CORS错误消失，说明之前的源列表配置存在匹配问题；如果仍报错，问题大概率出在后端服务本身的逻辑错误上。

4. 统一源地址格式 #

建议统一源地址的格式，比如都保留不带尾斜杠的版本，避免匹配问题。例如：

origins = [
    "http://localhost",
    "http://localhost:3000",
    "https://actuallyinflint.netlify.app",
    "https://actuallyinflint.com"
]

内容的提问来源于stack exchange，提问作者thatonenerd