阿里云OSS, 跨域请求, No ‘Access-Control-Allow-Origin‘

问题 阿里云OSS, 跨域请求, No ‘Access-Control-Allow-Origin’

错误标签：阿里云OSS, 跨域请求, No ‘Access-Control-Allow-Origin’

浏览器具体报错内容：

Access to XMLHttpRequest at ‘https://xxx.oss-cn-guangzhou.aliyuncs.com/xxx.jpg’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

思路

解决方法：在OSS控制台创建跨域规则

1. 登录OSS管理控制台。
2. 单击Bucket列表，然后单击目标Bucket名称。
3. 在左侧导航栏，选择数据安全>跨域设置。
4. 在跨域设置页面，单击创建规则。
5. 在创建跨域规则面板，将来源设置为*，允许Methods全部勾选，允许Headers设置为*，暴露Headers设置为ETag和x-oss-request-id，缓存时间设置为0，选中返回Vary: Origin，然后单击确定。关于如何设置跨域规则，请参见设置跨域访问。

在创建跨域规则弹窗中，

将来源设置为*

允许Methods全部勾选

允许Headers设置为*

暴露Headers设置为ETag和x-oss-request-id

缓存时间设置为0

选中返回Vary: Origin。

解决

成功上传资源!