直接使用阿里云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头,导致浏览器阻止跨域视频请求。

相关推荐
风曦Kisaki3 小时前
云计算基础Day07:计划任务、软件包管理、本地YUM仓库
云计算
智慧化智能化数字化方案4 小时前
数字化进阶——解读场景化、图谱化推进重点行业数字化转型的参考指引(2025版)
大数据·人工智能·云计算·行业数字化转型的参考指引
光锥智能5 小时前
AI风越大,云计算越贵
人工智能·云计算
观测云5 小时前
阿里云 Tair 集群版可观测最佳实践
阿里云·云计算·观测云
困惑阿三6 小时前
全栈部署排雷手册:从 405 报错到飞书推送成功
服务器·前端·后端·nginx·阿里云·node.js·飞书
可观测性用观测云21 小时前
阿里云 Tair 集群版可观测最佳实践
云计算·监控
许国栋_1 天前
B2B企业如何建设价值管理办公室(VMO)?实践与落地解析
人工智能·安全·云计算·产品经理
亚林瓜子1 天前
为AWS ElastiCache添加CPU和内存利用率告警
云计算·aws
SaaS_Product1 天前
企业网盘哪个好?企业网盘选型需求分析
大数据·云计算·saas·onedrive