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

相关推荐
大咖分享课2 小时前
混合云战略规划深度解析:多云管理的技术架构与治理框架
大数据·系统架构·云计算·devops·混合云
ahhhhaaaa-3 小时前
【AI图像生成网站&Golang】部署图像生成服务(阿里云ACK+GPU实例)
开发语言·数据仓库·人工智能·后端·阿里云·golang
Prokint.17 小时前
GPU算力租用平台推荐(AI/游戏串流/渲染/办公)
人工智能·游戏·云计算·gpu算力
Tony66668888819 小时前
【基于阿里云上Ubantu系统部署配置docker】
阿里云·docker·云计算
运维成长记1 天前
阿里云实践创建实例步骤
linux·运维·服务器·阿里云·云计算
慧星云1 天前
ComfyUI工作流一键美颜:照片美颜只需要点击即可完成
人工智能·云计算·aigc
容器魔方1 天前
科大讯飞基于Volcano实现AI基础设施突破,赢得CNCF最终用户案例研究竞赛
云原生·容器·云计算
after you1 天前
AWS-EFS
云计算·aws
wb1891 天前
全局搜索正则表达式grep
运维·笔记·ubuntu·云计算