阿里云OSS设置跨域访问
如果没有配置,网页控制台会报(如果出现以下错误):
Access to XMLHttpRequest at 'https://xxx-assets.oss-cn-hangzhou.aliyuncs.com/ ’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
操作步骤
进入 OSS 管理控制台 界面。
在左侧存储空间列表中,单击目标存储空间名称(bucket),打开该存储空间概览页面。
单击 基础设置 页签,找到 跨域设置 区域,然后单击 设置。
单击 创建规则,打开 设定跨域规则 对话框。
设置跨域规则。
来源:指定允许的跨域请求的来源。允许多条匹配规则,以回车为间隔。每个匹配规则允许使用最多一个“*”通配符。
允许 Methods:指定允许的跨域请求方法。
允许 Headers:指定允许的跨域请求 header。允许多条匹配规则,以回车为间隔。每个匹配规则使用最多一个“*”通配符。
暴露 Headers:指定允许用户从应用程序中访问的响应头(例如一个 Javascript 的 XMLHttpRequest 对象)。
缓存时间:指定浏览器对特定资源的预取(OPTIONS)请求返回结果的缓存时间。
说明: 每个存储空间最多可以配置 10 条规则。
单击 确定。
说明: 您也可以对已有的规则进行编辑和删除操作。
配置效果示例: