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

相关推荐
云老大TG:@yunlaoda360几秒前
如何使用华为云国际站代理商的BRS进行数据安全保障?
大数据·数据库·华为云·云计算
IT·小灰灰1 小时前
AI算力租赁完全指南(一):选卡篇——从入门到精通的GPU选购
大数据·人工智能·数据分析·云计算·音视频·gpu算力
咕噜企业分发小米1 小时前
阿里云与华为云在基因测序数据分析上哪个更强?
阿里云·数据分析·华为云
无限大.1 小时前
为什么“云计算“能改变世界?——从本地计算到云端服务
开发语言·云计算·perl
在云上(oncloudai)1 小时前
用 AWS Firehose 简化日志与事件数据的采集与存储
云计算·aws
weixin_307779131 小时前
基于AWS Shield Advanced的自我管理DNS服务DDoS防护方案
网络安全·云计算·aws
寰天柚子2 小时前
IaaS+PaaS全解析:云计算时代的全栈技术支撑方案
云原生·云计算·paas
可爱又迷人的反派角色“yang”3 小时前
ansible剧本编写(三)
linux·网络·云计算·ansible
AKAMAI8 小时前
Akamai Cloud客户案例 | CloudMinister借助Akamai实现多云转型
人工智能·云计算