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

打开 OSS Bucket列表找到对应桶

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

再创建 CORS 规则

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

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

然后 确定。

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

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

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

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

相关推荐
牛奶咖啡132 天前
云计算平台应用实践——云计算与云平台
云计算·云平台·云平台的三大服务模式·云计算与云平台的关系·laas paas saas·云平台的主流架构·国内外的主流云平台对比与选型
逐流人3 天前
手工建集群到全自动发布:k8s集群部署与DevOps流水线整合实战
ci/cd·云原生·kubernetes·云计算·devops
wz97544 天前
走进云计算:从硬件到云平台,读懂数字化底层基石
云计算
Kari114 天前
企业大模型RAG知识库从0到1搭建指南:腾讯云ADP+JOTO实战
人工智能·云计算·腾讯云
Kari114 天前
企业级智能体平台怎么选:腾讯云ADP与其他主流技术路线的架构对比
架构·云计算·腾讯云
无所畏俱的老尹6 天前
Agent 落地为什么需要影子对照:同输入只读双跑、写动作变提案、差异报警,比直接切全量更安全
人工智能·机器学习·云计算·aigc·devops
逐流人7 天前
DevOps 入门实战(一):从 CI/CD 概念到 Jenkins 自动构建部署
运维·云原生·云计算·jenkins·devops
SaaS_Product7 天前
OneDrive中的文件批量迁移到Zoho网盘
经验分享·云计算·saas·onedrive
Zhang2857328 天前
跨境业务选AWS区域避坑指南:美东、美西、新加坡、东京怎么选?
云计算·aws
DolitD9 天前
UE像素流与云渲染技术方案对比分析
3d·云原生·ue5·云计算·图形渲染