首页 > 其他分享 >网站使用CDN出现ttf woff等字体跨域问题解决方案

网站使用CDN出现ttf woff等字体跨域问题解决方案

时间:2024-04-06 19:56:19浏览次数:27  
标签:跨域 CDN ttf nginx 域名 woff eot cdn

  如果cdn域名+资源路径是可以通过浏览器url地址栏打开的

  那么一般是因为nginx配置的原因,找到nginx的配置文件

  添加以下代码:

# 允许指定域名访问;
location ~ .*.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*) {
	add_header Access-Control-Allow-Origin http(s)://这里填写你的域名;
}
 
# 如果不行换这个
# 允许所有域名访问;
location ~ .*.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*) {
	add_header Access-Control-Allow-Origin *;
}

  宝塔面板直接添加到配置文件中,记得添加好后,要重载nginx配置

如果还不行,把上面的域名换成*号试一试,再不行就需要检查cdn配置

以腾讯云cdn举例,进入域名管理页面-选择高级配置-HTTP响应头配置-新增规则,按图选择即可,头部取值可设置为指定域名访问

例如:https://blog.abc.com,https://www.abc.com

设置好后记得刷新一下cdn缓存。

标签:跨域,CDN,ttf,nginx,域名,woff,eot,cdn
From: https://www.cnblogs.com/nweb/p/18117834

相关文章

  • cdn.jsdelivr.net 挂了?前端静态资源访问出错
    目前jsdelivr被墙了,即被屏蔽,这导致国内大陆地区无法访问。很多插件、开源项目用到了jsdelivr,解决方法的核心思想就是换一个服务商,换一个cdn服务提供商。 解决方法:①将所有cdn.jsdelivr.net更换为fastly.jsdelivr.net实例:xxxx://cdn.jsdelivr.net/npm/xxxx/src/assets/imag......
  • Java解决跨域问题
    importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.servlet.config.annotation.CorsRegistry;importorg.springframework.web.servlet.config.annotation.WebMvcCo......
  • 【小迪安全2023】第9天:信息打点-CDN绕过篇&漏洞回链&接口探针&全网扫描&反向邮件;第10
    ......
  • 跨域资源共享 CORS
    跨域资源共享CORS 概述如果需要在前端与不同域的后端进行通信,可以在后端配置CORS,允许指定的域名访问后端资源。开始通过配置合适的响应头,可以明确指定允许的来源域、请求方法和头部信息。Node.jsapp.all('*',function(req,res,next){res.header("Access-Control......
  • 记录一次解决跨域问题解决过程。 strict-origin-when-cross-origin,net::ERR_FAILED, No
    事情是这样的,vue项目本地启动可以正常连接后端端口访问,部署到nginx上只有就无法访问,显示跨域问题  于是查看后端日志 啥都没有,觉得肯定是nginx的问题,怎么配置都没用, location/{ roothtml; indexindex.htmlindex.htm; add_header'Access-Control-Allow-O......
  • 视频监控/云存储/AI智能分析平台EasyCVR集成时调用接口报跨域错误的原因排查
    EasyCVR视频融合平台基于云边端架构,可支持海量视频汇聚管理,能提供视频监控直播、云端录像、云存储、录像检索与回看、智能告警、平台级联、智能分析等视频服务。平台兼容性强,支持多协议、多类型设备接入,包括:国标GB/T28181协议、RTMP、RTSP/Onvif协议、海康Ehome、海康SDK、大华SDK......
  • socket.io 跨域 cors.origin 的值,用于解决跨域问题
    在使用socket.io库时,对于实现跨域资源共享(CORS:Cross-OriginResourceSharing)的配置,您需要设置服务器的CORS选项来允许特定来源的请求或所有来源的请求。当创建或配置socket.io服务器时,CORS相关的设置通常是在初始化服务器时作为选项提供的。下面是几种不同的socke......
  • iis跨域设置
     iis跨域设置在IIS中设置跨域,可以通过以下步骤进行:打开IIS管理器,选择你想要配置的网站。123双击"IIS"部分下的"HTTP响应头"。在右侧的操作面板中,点击"添加..."按钮。在"名称"字段中输入"Access-Control-Allow-Origin",在"值"字段中......
  • 【前端面试3+1】01闭包、跨域、路由模式
    一、对闭包的理解定义:闭包是指在一个函数内部定义的函数,并且该内部函数可以访问外部函数的变量。闭包使得函数内部的变量在函数执行完后仍然可以被访问和操作。特点:闭包可以访问外部函数的变量,即使外部函数已经执行完毕。闭包可以保持外部函数的作用域不被销毁,从而延长变......
  • 解决跨域问题
    代码量:100博客:1我们使用的是niginx解决跨域问题,其实我上网搜索了很多niginx跨域的代码,但是不知道怎么使用放在哪里,刚才经过同学的帮助成功知道啦,下面展示一下路径的图片   这里的nginx.exe是启动,shutdown是自己写的可以快速关闭程序 ......