0%

关于阿里云OSS的跨站请求

如何设置阿里云OSS的跨站请求

今天把静态文件部署到OSS做CDN,js,css静态文件get正常,但是font-awesomewoff字体搞死弄不出来,response返回200,但是字节数老是0,导致图标显示不正确。

经过一番查看,原来是跨域导致了CROS

主页站点和CDN站点是两个不同源站,当主页载入了font-awesome.cssstylesheet载入之后,便开始从CDN站点载入字体文件,但是请求的HOST是主页站点,所以导致了CROS跨域请求,CDN返回错误。

那么什么是CROS呢,这里详细说明,本文就不再阐述了。

如何在OSS中允许跨站请求呢,首先在OSS管理页面中进入跨域设置界面。URL如下:

1
https://oss.console.aliyun.com/bucket/<你的地域>/<你的bucket名称>/cors
跨域设置1

进入这个界面

跨域设置2

点击创建规则

跨域设置3

来源填写你需要跨源的地址,方式选择GET,POST,HEAD(这个一定要填)。

然后再打开你的网站,这个时候请求就正确了。