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

相关推荐
Altair12319 小时前
nginx的https的搭建
运维·网络·nginx·云计算
AKAMAI18 小时前
从客户端自适应码率流媒体迁移到服务端自适应码率流媒体
人工智能·云计算
G31135422731 天前
从零开始 通义千问大模型本地化到阿里云通义千问API调用
阿里云·云计算
Akamai中国1 天前
提升 EdgeWorker 可观测性:使用 DataStream 设置日志功能
人工智能·云计算·云服务
XINVRY-FPGA1 天前
XCVP1802-2MSILSVC4072 AMD Xilinx Versal Premium Adaptive SoC FPGA
人工智能·嵌入式硬件·fpga开发·数据挖掘·云计算·硬件工程·fpga
孤廖1 天前
终极薅羊毛指南:CLI工具免费调用MiniMax-M2/GLM-4.6/Kimi-K2-Thinking全流程
人工智能·经验分享·chatgpt·ai作画·云计算·无人机·文心一言
伞啊伞1 天前
DR模式部署
云计算
wanhengidc2 天前
云手机性能如何?
运维·服务器·科技·智能手机·云计算
禁默2 天前
汽车领域智能体开发全解析—腾讯云黑客松Agent应用创新挑战赛微信公众号赛道实战复盘
云计算·汽车·腾讯云·智能体
大侠课堂2 天前
互联网大厂面试题100道-阿里百度篇-完整版
百度·阿里云·面试·面试题·阿里