当前位置: 首页 > news >正文

腾讯云 cos 字体在CDN上跨域处理

问题描述:项目中用到了字体的静态资源,把静态资源放到了腾讯云对象存储提供的 COS 上,同时启用它的CDN来加速。但是,调试的过程中发现报错:CSS加载字体跨域了,字体图标无法正常显示。

原因:字体文件在 CDN 服务器上,但是项目部署在自己的服务器上,导致字体文件出现了跨域加载的问题。

解决方案:

COS 控制台配置:

1)打开 COS 控制台,在腾讯云对象储存控制面板中的「基础配置」找到「跨域访问 CORS 设置」;

2)点击「添加规则」,在来源 Origin 中填写自己的域名;(如果在来源 Origin 中填写 *,则表示允许所有域名跨域。)

CDN 跨域设置:

3)进行 CDN 跨域设置,如果对象存储使用了 CDN,需要在 CDN 进行跨域配置;

4)在「高级设置」中点击「添加HTTP Header」;

5)选择参数 Access-Control-Allow-Origin 取值 * ,或者填写自己的域名;
在这里插入图片描述

*注:配置可能需要几分钟后才能生效。 *

高级配置:

6)HTTP header 配置 -> 添加 HTTP header

官方文档跨域访问设置

http://www.lryc.cn/news/6427.html

相关文章:

  • api是什么意思?又该如何使用呢?
  • JavaScript------面向对象
  • charles+夜神模拟器抓包
  • 【STC15单片机】模拟I2C操作AT24C02数据读取【更新中】
  • Hadoop
  • ArrayList源码+扩容机制分析
  • 数据库(第四次作业)
  • 传统档案管理,为什么影响企业上市进度?
  • 9个EXCEL舍入函数公式的用法和实例
  • 设计模式:代理模式给原始类附加功能
  • JavaScript刷LeetCode拿offer-链表篇
  • CPP2022-28-期末模拟测试01
  • 牛客网Python篇数据分析习题(五)
  • 华为OD机试真题JAVA实现【人数最多的站点】真题+解题思路+代码(20222023)
  • ROS2机器人编程简述humble-第四章-IMPROVED DETECTOR .4
  • 依存句法分析 -- tag和dep释义
  • 服务器常见的网络攻击以及防御方法
  • Python期末复习知识点大合集(期末不挂科版)
  • Echarts 雷达图设置拐点大小和形状,tooltip后文字不居中对齐
  • Lesson 7.1 无监督学习算法与 K-Means 快速聚类
  • 优维低代码:Legacy Templates 构件模板
  • 最全面的SpringBoot教程(五)——整合框架
  • 信息安全保障
  • windows/linux,mosquitto插件mosquitto-auth-plug说明,重点讲解windows下
  • GWAS:mtag (Multi-Trait Analysis of GWAS) 分析
  • MATLAB--imadjust函数
  • 前端开发这次几个非常经典的常用技巧,学会了之后事半功倍
  • Zookeeper配置化中心
  • 【LeetCode】打家劫舍 III [M](递归)
  • 设计模式——单例模式