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

相关推荐
Smoothcloud润云9 小时前
国内GPU算力租赁平台横向测评:资源、成本、稳定性三维对比
人工智能·ai·云计算·gpu算力·gpu
Database_Cool_15 小时前
AI Agent 长期记忆怎么存?阿里云 PolarDB-X 对接 Mem0 记忆框架实践
数据库·阿里云
Database_Cool_16 小时前
阿里云 Lindorm vs InfluxDB vs TDengine:时序数据库全维度对比,多模融合降本 90%
阿里云·时序数据库·tdengine
故乡de云16 小时前
AWS 绑卡失败排查全流程:预授权、3D Secure 与账单信息不一致的完整定位方法
云计算·aws
行业研究员17 小时前
AI原生的商城智能经营平台合作商推荐:腾讯云Mall
云计算·腾讯云·ai-native
故乡de云18 小时前
AWS 更换信用卡完整教程:绑定新卡、切换默认支付方式与扣款失败排查
云计算·aws
酷可达拉斯19 小时前
Linux操作系统-shell编程(0)
linux·运维·服务器·python·云计算
ManageEngine卓豪19 小时前
阿里云ECS/RDS/OSS性能故障全链路排查指南:从单服务根因定位到跨服务连锁故障分析
阿里云·oss·ecs·rds·性能故障排查
霸道流氓气质19 小时前
SpringBoot中集成阿里云消息队列 ApsaraMQ for RabbitMQ 全面指南
spring boot·阿里云·java-rabbitmq
huijingjituan20 小时前
三方聊天软件工具定制开发|打造企业级智能通讯平台
数据库·安全·阿里云·实时互动·腾讯云