配置CORS实现跨域访问OBS
OBS提供HTML5协议中的CORS设置，帮助用户实现跨域访问。
您可以新建CORS规则，也可以从其他桶复制已有CORS规则。
背景知识
跨域是指不同域名之间相互访问。
跨域访问是浏览器出于安全考虑而设置的一个限制，即同源策略。由于JavaScript同源策略的限制，A域名下的JavaScript无法操作B域名或C域名下的对象。
同协议、同域名（或IP）、以及同端口视为同一个域。两个页面的协议、域名和端口（如果指定了端口）相同，则视为同源。为了更好的理解是否同源，您可以查看表1中相对https://support.huaweicloud.com/dir/test.html的同源检测示例。
|
URL |
访问结果 |
原因 |
|---|---|---|
|
https://support.huaweicloud.com/dir/other.html |
成功 |
协议、域名、端口都相同 |
|
https://support.huaweicloud.com/dir/inner/other.html |
成功 |
协议、域名、端口都相同 |
|
http://support.huaweicloud.com/dir/test.html |
失败 |
域名、端口相同，协议不同 |
|
https://support.huaweicloud.com:81/dir/test.html |
失败 |
协议、域名相同，端口不同 |
|
https://help.huaweicloud.com/dir/test.html |
失败 |
协议、端口相同，域名不同 |
使用场景
跨域资源共享（Cross Origin Resource Sharing，CORS）是由W3C标准化组织提出的一种网络浏览器的规范机制，定义了一个域中加载的客户端Web应用程序与另一个域中的资源交互的方式。而在通常的网页请求中，由于同源安全策略（Same Origin Policy，SOP）的存在，不同域之间的网站脚本和内容是无法进行交互的。
OBS支持CORS规范，允许跨域请求访问OBS中的资源。
OBS支持静态网站托管，而只有当对该桶设置了合理的CORS配置，OBS中保存的静态网站才能允许响应另一个跨域网站的请求。
- 通过CORS支持，使用JavaScript和HTML5来构建Web应用，直接访问OBS中的资源，而不再需要代理服务器做中转。
- 使用HTML5中的拖拽功能，直接向OBS上传文件，展示上传进度，或是直接从Web应用中更新内容。
- 托管在不同域中的外部网页、样式表和HTML5应用，现在可以引用存储在OBS中的Web字体或图片，让这些资源能被多个网站共享。
CORS配置会在两分钟内生效。
OBS系统提供的默认配置为根域名跨域访问允许所有域访问，会使客户端存在被攻击的风险。
客户端可通过在自己的桶内创建配有自己规则的crossdomain.xml，并在其flash代码中添加Security.loadPolicyFile("https://bucket.obs.cn-north-4.myhuaweicloud.com/crossdomain.xml")，从而避免被攻击的风险。其中，bucket.obs.cn-north-4.myhuaweicloud.com需根据实际情况替换为自己桶的访问域名。
前提条件
已经配置了静态网站托管，配置方法请参见静态网站托管。
新建CORS规则
OBS支持通过控制台、API、SDK方式新建CORS规则，不支持通过OBS Browser+、obsutil方式新建CORS规则。
使用OBS控制台
- 在OBS管理控制台左侧导航栏选择“桶列表”。
- 在OBS管理控制台桶列表中，单击待操作的桶，进入“对象”页面。
- 在左侧导航栏，单击“访问权限控制 > CORS规则”。
- 单击“创建”，系统弹出“创建CORS规则”对话框，如图1所示。
一个桶最多可设置100条CORS规则。
- 在“CORS规则”中配置“允许的来源”、“允许的方法”、“允许的头域”、“补充头域”和“缓存时间”。
表2 CORS规则 参数
说明
允许的来源
必选参数，指定允许的跨域请求的来源，即允许来自该域名下的请求访问该桶。
允许多条匹配规则，以回车换行为间隔。每个匹配规则允许使用最多一个“*”通配符。例如：
http://rds.example.com https://*.vbs.example.com
允许的方法
必选参数，指定允许的跨域请求方法，即桶和对象的几种操作类型。包括：Get、Post、Put、Delete、Head。
允许的头域
可选参数，指定允许的跨域请求的头域。只有匹配上允许的头域中的配置，才被视为是合法的CORS请求。
允许的头域可设置多个，多个头域之间换行隔开，每行最多可填写一个*符号，不支持&、:、<、空格以及中文字符。
补充头域
可选参数，指CORS响应中带的补充头域，给客户端提供额外的信息。
默认情况下浏览器只能访问以下头域：Content-Length、Content-Type，如果需要访问其他头域，需要在补充头域中配置。关于其他头域的配置值，请参见配置桶的CORS。
补充头域可设置多个，多个头域之间换行隔开，不支持*、&、:、<、空格以及中文字符。
缓存时间
必选参数，请求来源的客户端可以缓存的CORS响应时间，以秒为单位，默认为100秒。
- 单击“确定”。
“CORS规则”页签显示“创建CORS规则成功”提示创建桶的CORS配置成功。CORS配置会在两分钟内生效。
CORS配置成功后，便仅允许跨域请求来源的地址通过允许的方法访问OBS的桶。例如：为桶“testbucket”允许的来源配置为“https://www.example.com”，允许的方法配置为“GET”，允许的头域配置为“*”，补充头域配置为“ETag”，缓存时间设置为“100”，则OBS仅允许来源为“https://www.example.com”的“GET”请求访问桶“testbucket”，且不限制该请求的头域，允许响应中返回ETag值，请求来源的客户端可缓存的该CORS请求的响应时间为100秒。
复制CORS规则
OBS支持通过控制台方式复制CORS规则，不支持通过API、SDK、OBS Browser+、obsutil方式复制CORS规则。
- 在OBS管理控制台左侧导航栏选择“桶列表”。
- 在OBS管理控制台桶列表中，单击待操作的桶，进入“对象”页面。
- 在左侧导航栏，单击“概览”，进入“概览”页面。
- 在桶概览信息展示区域“基础配置”下，单击“CORS规则”卡片，系统跳转至“CORS规则”界面。
或您可以直接在左侧导航栏单击“访问权限控制>CORS规则”，进入“CORS规则”界面。
- 单击“复制”。
- 选择复制源，即CORS规则所在的源桶。
- 从源桶复制CORS规则的操作为增量复制，不会删除当前桶已存在的CORS规则，与已存在的CORS规则冲突的规则不会复制。
- 源桶和目标桶的桶版本号都必须是3.0。
- 您可以按需移除不需要复制的CORS规则。
- 单桶CORS规则上限为100条，如果已有规则+复制规则的数量超过上限，将会复制失败，请先删除多余规则再进行复制。
图2 复制CORS规则
- 单击“确定”，将源桶的CORS规则复制到当前桶。
