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