专栏首页林澈思的茶解决腾讯云CDN跨域问题,has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’…

解决腾讯云CDN跨域问题,has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’…

今天弄了一下腾讯云的内容分发(CDN),就是将网站的静态文件上传到腾讯云的对象存储里,然后配置CDN,域名绑定。静态文件都能访问(如果不能访问,请检查是否是黑白名单或防盗链的问题),但是网站的图标(font awesome)不能显示,打开浏览器控制台报错如下

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

如图

解决办法如下

在腾讯云控制台 内容分发网络里,选择高级配置

添加 HTTP Header

添加一条记录

Access-Control-Allow-Origin  *

* 表示允许所有类型的请求

成功解决

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 禁止Chorme/Firefox/Safari/Opera等浏览器http自动跳转https

    最近在折腾宝塔面板的绑定域名与端口问题,发现在未开启ssl情况下,浏览器会自动跳转到https。经排查是谷歌浏览器的问题,有些网址http协议和https协议是...

    赵帆同学GXUZF.COM
  • CSS Grid网格布局实例教程

    针对于Web布局而言,个人认为Grid布局将是Web布局的神器,它改变了以往任何一种布局方式或者方法。虽然这些年 js 发展的势头正劲,盖过了 css 的发展风...

    赵帆同学GXUZF.COM
  • vue封装Swiper实现图片轮播

    (1) Swiper是纯Javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

    赵帆同学GXUZF.COM
  • 把「安全」打在公屏上!腾讯携手虎牙成立安全联合实验室

    疫情催化之下,在线业务按下发展“快进键”,刷直播、短视频逐渐成为大众的生活常态,不断增大的流量一定程度上也让黑灰产看到了更大的“商机”。如何有效预防黑灰产带来的...

    腾讯安全
  • 浏览器中的跨域问题与 CORS

    跨域,这或许是前端面试中最常碰到的问题了,大概因为跨域问题是浏览器环境中的特有问题,而且随处可见,如同蚊子不仅盯你肉而且处处围着你转让你心烦。「你看,在服务器发...

    夜尽天明
  • 浏览器中的跨域问题与 CORS

    跨域,这或许是前端面试中最常碰到的问题了,大概因为跨域问题是浏览器环境中的特有问题,而且随处可见,如同蚊子不仅盯你肉而且处处围着你转让你心烦。「你看,在服务器发...

    山月
  • Extensions in UWP Community Toolkit - SurfaceDialTextbox

    概述 UWP Community Toolkit Extensions 中有一个为TextBox 提供的 SurfaceDial 扩展 - SurfaceDia...

    Shao Meng
  • 前后端分离项目,如何解决跨域问题

    CORS全称Cross-Origin Resource Sharing,意为跨域资源共享。当一个资源去访问另一个不同域名或者同域名不同端口的资源时,就会发出跨域...

    macrozheng
  • 理解跨域资源共享

    CORS 或跨域资源共享是一种 http 机制,它允许用户通过使用一些额外的头来访问别的域的资源。例如,假设位于http://test1.domain.com上...

    madneal
  • ACM-ICPC 国际大学生程序设计竞赛亚洲区数据分析:Part 1

    在刚刚结束的第43届ACM国际大学生程序设计竞赛亚洲区总决赛(Asia-East Continent Final)中,由中山大学数据科学与计算机学院的三名本科生...

    用户1621951

扫码关注云+社区

领取腾讯云代金券