4.1阿里云 OSS 的跨域访问 CORS 限制本地直接打开 HTML 无法正常播放 OSS 音频、视频

打开 OSS Bucket列表找到对应桶

点左侧 数据安全-跨域设置

再创建 CORS 规则

点击 创建规则,按我下面填 一模一样就行

  • 来源:*
  • 允许 Methods:勾选 GETOPTIONS
  • 允许 Headers:*
  • 暴露 Headers:Content-Length,ETag
  • 缓存时间:300

然后 确定

字段名 填写内容 操作方式
来源 * 直接输入星号(已经填好了,不用改)
允许 Methods 勾选 GET + OPTIONS 先勾选 OPTIONS 复选框(现在只勾了 GET)
允许 Headers * 输入星号
暴露 Headers 留空 什么都不用填
缓存时间(秒) 300 把 0 改成 300
返回 Vary: Origin 勾选 勾选这个复选框(避免跨域兼容问题)

这里注意一点:本地HTML文件打不开 ≠ 代码坏了

本地直接打开 index.html 出现:音频不播放、没有下载按钮、控制台报错

全都是正常的! 因为阿里云 OSS 有安全限制只允许自己 OSS 内的网页访问音频

相关推荐
Inhand陈工2 天前
基于台达PLC与映翰通IG502的智慧水产养殖精准投喂与远程运维解决方案
运维·人工智能·物联网·阿里云·信息与通信
Database_Cool_2 天前
什么是数据仓库物化视图?AnalyticDB MySQL 实时物化视图能力解析
人工智能·mysql·阿里云
Database_Cool_2 天前
大规模数据分析降本指南:AnalyticDB Serverless 弹性架构实战
数据仓库·阿里云·架构·数据分析·serverless
tiancaijiben2 天前
阿里云Kubernetes集群托管完全指南:从创建到生产级运维
云计算
我是小bā吖2 天前
Claude Code 模型接入阿里云 AI 网关并统计不同使用者的模型用量
网络·人工智能·阿里云
翼龙云_cloud2 天前
阿里云国际代理商:如何使用RDS MySQL 构建网站数据库?
数据库·mysql·阿里云
互联网推荐官2 天前
上海软件定制开发公司推荐:从PaaS工程化路径看D-coding的技术取舍
云原生·云计算·paas·软件开发·开发经验·上海
sbjdhjd2 天前
从零搭建企业级 CI/CD(下):Jenkins+GitLab+Harbor 全链路实战指南
git·servlet·ci/cd·云原生·云计算·gitlab·jenkins
wcy100862 天前
为 CentOS 7.6 (7.6.1810) 配置阿里云 Vault 源
linux·阿里云·centos
Inhand陈工2 天前
污水泵站PLC数据上云实战:西门子PLC + 映翰通IG502 + DM平台全流程
人工智能·物联网·网络安全·阿里云·信息与通信·iot