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

相关推荐
70asunflower27 分钟前
阿里云无影云电脑 Docker 使用完全指南
阿里云·docker·云计算
主机哥哥40 分钟前
零基础入门:阿里云OpenClaw部署全流程详解(图文版)
阿里云·云计算
白佳宝2 小时前
MySQL8.0.27高可用
云计算·dba
weixin_307779132 小时前
C#实现两个DocumentDB实例之间同步数据
开发语言·数据库·c#·云计算
feng一样的男子8 小时前
阿里云的moltbot机器人使用钉钉的Stream流式接入
阿里云·机器人·钉钉
Ivanqhz8 小时前
现代异构高性能计算(HPC)集群节点架构
开发语言·人工智能·后端·算法·架构·云计算·边缘计算
yuankoudaodaokou10 小时前
职业院校技能大赛三维扫描设备选购指南:思看科技解决方案解析
阿里云
福大大架构师每日一题10 小时前
agno v2.4.7发布!新增Else条件分支、AWS Bedrock重排器、HITL等重大升级全解析
javascript·云计算·aws
阿里云大数据AI技术10 小时前
淘宝闪购基于阿里云 EMR Serverless Spark&Paimon 的湖仓实践:超大规模下的特征生产&多维分析双提效
starrocks·阿里云·spark·paimon
TG_yunshuguoji12 小时前
阿里云代理商:如何通过控制台连接ECS实例?
运维·阿里云·云计算