关于阿里云 OSS 跨域配置不生效的真实原因与解决方案

关于阿里云 OSS 跨域配置不生效的真实原因与解决方案

关键词：阿里云 OSS 跨域不生效、OSS CORS 配置、阿里云 CDN 跨域、OSS 下载跨域、前端跨域问题

今天在测试阶段，测试同学给我提了一个 bug：素材下载不了。
一开始我以为是小问题，结果排查下来，发现这是一个非常容易被忽略、但实际开发中很常见的 跨域坑，记录一下，避免后面再踩。

一、问题现象：素材下载失败，浏览器直接报 CORS 错误

测试环境下，页面点击下载素材没有任何反应。

打开浏览器控制台一看，很熟悉的一行报错：

Access to fetch at 'https://aigc-oss-cdn.demo.com/xxx.mp4' from origin 'http://admin.demo.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

当前使用的两个域名