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

相关推荐
AKAMAI7 分钟前
PHP 爆出两大高风险漏洞!Akamai 即时部署防护机制
人工智能·云计算
金仓社区的KK36 分钟前
数据库主备切换后,业务恢复了吗?五层验收清单
数据库·云计算·软件构建
tryCbest1 小时前
Python之Flask项目部署到阿里云
python·阿里云·flask
论文复现现场1 小时前
RTX 3090 云GPU租赁价格对比:8家平台配置、计费方式与环境测试
linux·运维·人工智能·pytorch·深度学习·云计算·3090
Akamai中国1 小时前
PHP 爆出两大高风险漏洞!Akamai 即时部署防护机制
开发语言·人工智能·云计算·云服务
大狼鲸2 小时前
阿里云ECS数据备份怎么做?3种备份方式对比和配置步骤
阿里云·云计算
Geek-Chow16 小时前
AWS Lambda and Connection-Bound Backends (CloudHSM, Relational Databases)
云计算·aws
时代新威powertime16 小时前
时代新威·视角|云计算平台中数据隐私保护机制的研究
网络安全·云计算
小豆庄17 小时前
处理含车牌/人脸的隐私视频,如何做到数据不离机?
opencv·ai·云计算·视频