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

相关推荐
骇客野人20 小时前
阿里云运维手册(通用生产版|云上运维标准化文档)
运维·阿里云·云计算
Benszen1 天前
云计算基础-13:Linux网络管理实战-1
linux·运维·云计算
聚搜云——JuSouClouD2 天前
广州阿里云代理商:多 Agent 协同异常 三大核心问题解析
网络·阿里云·云计算
酷可达拉斯3 天前
Linux操作系统-升级OpenSSH修复漏洞
linux·运维·服务器·云计算
初禾w-w3 天前
阿里云开源 UModel 并发起 USS 倡议:构建企业级通用语义标准,重塑 AI 交互底座
人工智能·阿里云·开源·企业ai·对象图语义·语义割裂
AAA@峥3 天前
K8s 配置管理实战:ConfigMap 与 Secret 完整使用指南
kubernetes·云计算
zero_70323 天前
第二次作业 实验
网络协议·云计算·ensp
聚搜云——JuSouClouD3 天前
深圳阿里云代理商:OpenTelemetry 统一观测日志指标链路接入实战
阿里云·云计算
ha_lydms4 天前
Hologres分区表
大数据·mysql·阿里云·实时数仓·hologres·调度·aliyun
华翔艺术4 天前
2026年舞蹈艺考校考,究竟需要精心准备几个剧目才够?
阿里云