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

相关推荐
easy_coder2 天前
AI Agent 真正的上限,不在 Skill 数量,而在边界设计
人工智能·云计算
TG_yunshuguoji2 天前
阿里云代理商:百炼大模型技术解析与应用指南
服务器·阿里云·云计算
G31135422732 天前
零门槛实现 TRTC 音视频流转推各大直播 CDN
大数据·人工智能·ai·云计算
bingyan03712 天前
squid-基于rockylinux8配置内网代理访问阿里云软件源
阿里云·代理·squid·软件源
Huy-C2 天前
云计算案例排错(云上4)
linux·运维·云计算
JamesShi1682 天前
中国云计算市场由阿里云、华为云和腾讯云三大巨头主导,今天给大家分享一下它们之间的区别
云计算
diablobaal2 天前
云计算学习100天-第102天-Azure入门4
学习·云计算·azure
ZStack开发者社区2 天前
云边协同 智启未来 | 阿里云 × ZStack 云边一体解决方案正式落地
阿里云·云计算·边缘计算
普通网友2 天前
阿里云国际版服务器,真的是学生党的性价比之选吗?
后端·python·阿里云·flask·云计算