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

相关推荐
A叶军-升降货梯厂家12 小时前
想给升降货梯上门安装?泰州群利起重设备有限公司有啥秘诀?
阿里云
TG_yunshuguoji13 小时前
阿里云代理商:企业如何通过 DeepSeek V4 + 阿里云实现 AI 成本大幅降低?
人工智能·阿里云·ai智能体·deepseek v4
Ztopcloud极拓云视角13 小时前
OpenAI MRC协议深度解析:AI超算集群网络架构升级实战指南
网络·人工智能·阿里云·架构·云计算
研究点啥好呢14 小时前
面馆开业!客官,你的面(经)好了!
python·阿里云·docker·面试·reactjs·求职招聘·react
深邃的眼1 天前
微信小程序从 0-1:从本地开发到部署服务器上线整体流程保姆式教学
阿里云·微信小程序·个人开发
随读手机1 天前
多式联运信息交互平台完整方案(2026版)
java·ai·eclipse·云计算·区块链
yyuuuzz1 天前
aws亚马逊入门常见认知误区
运维·服务器·网络·云计算·github·aws
DeepFlow 零侵扰全栈可观测1 天前
运动战:AI 时代 IT 运维的决胜之道——DeepFlow 业务全链路可观测性的落地实践
运维·网络·人工智能·arcgis·云计算
Damon小智1 天前
腾讯云轻量服务器部署 OpenClaw + QClaw 全流程实践:打造随时在线的个人 AI 助手
服务器·云计算·腾讯云
不懒不懒1 天前
【保姆级教程:阿里云百炼 API Key 获取与 OpenAI 兼容调用指南】
阿里云·云计算