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 内的网页访问音频

相关推荐
边境悍匪17 小时前
蜗牛学苑 Java 智能体学习 Day39|SpringAI 会话存储、Function‑Call 工具调用、MCP 思维导图复盘
java·开发语言·spring boot·学习·阿里云
yunlaodacom19 小时前
腾讯云国际版代理商:COS标准、低频、归档和深度归档怎么选?存储成本与数据取回区别
数据库·云计算·腾讯云
sbjdhjd20 小时前
从 assert 动态调用报错到临时文件链路:PHP 5.6 与 7.3 授权靶场中的短 payload 复盘 | (17字符绕过)
安全·网络安全·数据挖掘·开源·云计算·php·字符绕过
sbjdhjd20 小时前
从 7 字符文件名拼接到二维数组取值:PHP 无参函数限制下的受控靶场复盘 | (7字符绕过)
网络·nginx·安全·网络安全·云计算·php·apache
mengge.cloud1 天前
0909华为云计算类综合服务小白实验教程
linux·运维·服务器·网络·华为云·云计算
山海鲸实战案例分享1 天前
山海鲸可视化VS DataV:项目交付之后,谁能持续跟上业务变化
阿里云·数字孪生·数据可视化·零代码·datav·山海鲸可视化
QYR-分析1 天前
蓝海赛道高速扩容!全球小型观察ROV市场格局、细分场景与发展趋势分析
大数据·运维·云计算
weixin_493503672 天前
商会小程序附件上传:分片上传 + OSS 直传完整实现(Vue3 + 阿里云 OSS 实战)
阿里云·小程序·云计算
workflower2 天前
人形机器人技术与产业基础
机器人·云计算·软件工程·需求分析·软件需求
论文复现现场2 天前
单卡RTX 3090能训练,切到4卡却OOM:Accelerate多卡训练怎么排查?
人工智能·pytorch·云计算·gpu算力·多卡训练