您现在的位置是:网站首页 > 心得技巧 > 编程技巧编程技巧

【原】阿里云oss字体文件跨域问题解决方案

不忘初心 不忘初心 2019-11-28 围观() 评论() 点赞() 编程技巧

简介:前段时间博客的流量暴增,导致网站带宽不够用了,所以整了一个阿里云oss存储静态资源文件,因为比较简单,也就没有太过在意,结果今天才发现,阿里云oss里存储的字体文件存在跨域问题,博客评论区域里的图标样式都没了,真是WTF。。。

前段时间博客的流量暴增,导致网站带宽不够用了,所以整了一个阿里云oss存储静态资源文件,因为比较简单,也就没有太过在意,结果今天才发现,阿里云oss里存储的字体文件存在跨域问题,导致我博客评论区域里的图标样式都没了,真是WTF。。。

阿里云oss字体文件跨域问题解决方案

虽然无伤大雅,但是看着终究不舒服,既然碰见了,就要把它给解决了。

为了确保是否有其他类型的资源文件有遗漏,打开浏览器console看了一下,基本上都是woff和ttf文件,js和css之类的文件都没有任何问题。

阿里云oss字体文件跨域问题解决方案

打开阿里云oss控制台,在相应的bucket首页(左下方)找到如下设置:

阿里云oss字体文件跨域问题解决方案

鼠标移上去之后,会看到有一个设置按钮,点击进入设置界面,创建一个自己的跨域规则:

阿里云oss字体文件跨域问题解决方案

我这里是访问字体文件,只用配置一个来源和请求方式就好了,基本上都是get请求:

阿里云oss字体文件跨域问题解决方案

搞定,收工!

跨域osscors

看完文章,有任何疑问,请加入群聊一起交流!!!

很赞哦! ()

文章评论

  • 请先说点什么
    人参与,条评论

请使用电脑浏览器访问本页面,使用手机浏览器访问本页面会导致下载文件异常!!!

雨落无影

关注上方公众号,回复关键字【下载】获取下载码

用完即删,每次下载需重新获取下载码

若出现下载不了的情况,请及时联系站长进行解决

站点信息

  • 网站程序:spring + freemarker
  • 主题模板:《今夕何夕》
  • 文章统计:篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们