直接使用阿里云OSS的地址,报跨域访问的问题怎么解决

这是典型的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头,导致浏览器阻止跨域视频请求。

相关推荐
Inhand陈工3 小时前
基于台达PLC与映翰通IG502的智慧水产养殖精准投喂与远程运维解决方案
运维·人工智能·物联网·阿里云·信息与通信
Database_Cool_5 小时前
什么是数据仓库物化视图?AnalyticDB MySQL 实时物化视图能力解析
人工智能·mysql·阿里云
Database_Cool_5 小时前
大规模数据分析降本指南:AnalyticDB Serverless 弹性架构实战
数据仓库·阿里云·架构·数据分析·serverless
tiancaijiben6 小时前
阿里云Kubernetes集群托管完全指南:从创建到生产级运维
云计算
我是小bā吖8 小时前
Claude Code 模型接入阿里云 AI 网关并统计不同使用者的模型用量
网络·人工智能·阿里云
翼龙云_cloud10 小时前
阿里云国际代理商:如何使用RDS MySQL 构建网站数据库?
数据库·mysql·阿里云
互联网推荐官11 小时前
上海软件定制开发公司推荐:从PaaS工程化路径看D-coding的技术取舍
云原生·云计算·paas·软件开发·开发经验·上海
sbjdhjd11 小时前
从零搭建企业级 CI/CD(下):Jenkins+GitLab+Harbor 全链路实战指南
git·servlet·ci/cd·云原生·云计算·gitlab·jenkins
wcy1008611 小时前
为 CentOS 7.6 (7.6.1810) 配置阿里云 Vault 源
linux·阿里云·centos
Inhand陈工11 小时前
污水泵站PLC数据上云实战:西门子PLC + 映翰通IG502 + DM平台全流程
人工智能·物联网·网络安全·阿里云·信息与通信·iot