直接使用阿里云OSS的地址,报跨域访问的问题怎么解决
这是典型的CORS跨域问题。阿里云OSS服务器没有允许来自你的域名 ai-visual.shgbitai.com
的跨域视频请求。
解决方案
方案1:配置阿里云OSS的CORS规则(推荐)
在阿里云OSS控制台配置CORS规则:
{"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头,导致浏览器阻止跨域视频请求。