关于阿里云 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.