问题 阿里云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控制台创建跨域规则
- 登录OSS管理控制台。
- 单击Bucket列表,然后单击目标Bucket名称。
- 在左侧导航栏,选择数据安全>跨域设置。
- 在跨域设置页面,单击创建规则。
- 在创建跨域规则面板,将来源设置为
*
,允许Methods全部勾选,允许Headers设置为*
,暴露Headers设置为ETag和x-oss-request-id,缓存时间设置为0,选中返回Vary: Origin,然后单击确定。关于如何设置跨域规则,请参见设置跨域访问。
在创建跨域规则弹窗中,
将来源设置为*
允许Methods全部勾选
允许Headers设置为*
暴露Headers设置为ETag和x-oss-request-id
缓存时间设置为0
选中返回Vary: Origin。
解决
成功上传资源!