当前位置: 首页 > news >正文

直接使用阿里云OSS的地址,报跨域访问的问题怎么解决

这是典型的CORS跨域问题。阿里云OSS服务器没有允许来自你的域名 ai-visual.shgbitai.com 的跨域视频请求。

解决方案

方案1:配置阿里云OSS的CORS规则(推荐)

在阿里云OSS控制台配置CORS规则:

{"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头,导致浏览器阻止跨域视频请求。

相关文章:

  • 小米玄戒O1架构深度解析(二):多核任务调度策略详解
  • 电路图识图基础知识-变频器控制电动机系统解析(二十四)
  • 6.11打卡
  • 湖北理元理律师事务所企业债务优化路径:司法重整中的再生之道
  • 低代码平台的版本管理深度解析
  • python训练营打卡第50天
  • 从源码角度了解Lucene(倒排索引存储结构)
  • 江苏艾立泰以技术创新破解全球环保合规难题 打开出口企业绿色转型大门
  • leetcode 768. 最多能完成排序的块 II
  • JavaScript解密里的ChaCha20 加密算法全解
  • 从原理到代码:深度解析YOLOv8的QualityFocalLoss改进方案
  • C++显性契约与隐性规则:类型转换
  • 网络层 IP协议(第一部分)
  • JSON Schema 2020-12 介绍
  • Web前端基础之HTML
  • C++ call_once用法
  • 第四章无线通信网
  • QDialog的show()方法与exec_()方法的区别详解
  • BUUCTF两道目录包含题目
  • Go 协程(Goroutine)入门与基础使用