这是典型的CORS跨域问题 。阿里云OSS服务器没有允许来自你的域名 ai-visual.shgbitai.com
的跨域视频请求。
解决方案
方案1:配置阿里云OSS的CORS规则(推荐)
在阿里云OSS控制台配置CORS规则:
json
{
"CORSRule": [
{
"AllowedOrigin": ["https://ai-visual.shgbitai.com", "http://localhost:3000"],
"AllowedMethod": ["GET", "HEAD"],
"AllowedHeader": ["*"],
"ExposeHeader": ["Content-Length", "Content-Type"],
"MaxAgeSeconds": 3600
}
]
}
方案2:通过后端代理视频文件
如果无法配置OSS,可以通过你的FastAPI后端代理视频请求:### 方案3:更新前端代码使用代理### 方案4:更新Nginx配置
问题原因:阿里云OSS服务器没有设置CORS头,导致浏览器阻止跨域视频请求。