当前位置: 首页 > 知识库问答 >
问题:

如何修复“缺少跨源资源共享(CORS)响应标题”webfont问题?

淳于健
2023-03-14

出于某种原因,字体已经停止在我的网站上呈现。字体存储在本地,与站点相同的服务器上。

例如,右上方的电话号码应该是Bebas字体,但它默认为影响。

在控制台中,我得到错误:

来源“http://www.cyclistinsuranceaustralia.com.au”的字体已被跨来源资源共享策略阻止加载:“Access-Control-Allow-Origin”标头的值“http://www.cyclistinsuranceaustralia.com.au”不等于提供的来源。因此,不允许访问起源'http://cyclistinsuranceaustralia.com.au'。

我联系我的主人,他说把:

Access-Control-Allow-Origin "http://www.cyclistinsuranceaustralia.com.au"

在我的.htaccess文件中,但这没有变化。

共有1个答案

巢星纬
2023-03-14

在HTML中,您已经设置了一个“基本”标记:

<base href="http://www.cyclistinsuranceaustralia.com.au/">
  1. 如果不需要,请从HTML中删除该行。当从http://cyclistinsuranceaustralia.com.au.
  2. 查看字体时,这将使其工作
  3. 您可能需要将http://www.cyclistinsuranceaustralia.com.au重定向到http://cyclistinsuranceaustralia.com.au
 类似资料:
  • 问题内容: 即使我在服务响应中附加了以下提供的 CORS标头 : 尝试通过AngularJS前端访问服务中的某些 POST Web方法时,控制台中仍然出现错误。 但是,在同一类中,一些没有任何有效负载的 POST 方法都可以完美地响应。有什么建议 ? 编辑---------> 下面是我的AngularJS客户端屏幕代码,用于调用Web方法:- 问题答案: 我认为这里的问题是CORS中的预检请求。

  • 跨域资源共享 (CORS) 跨域资源共享(Cross-Origin Resource Sharing)允许WEB端的应用程序访问不属于本域的资源 配置格式 CORS配置为json字符串,类似 { "rules":[ { "id":"id1" "AllowOrigin":"http://*.example.com" //指定允许发送跨源请求的源,支持使用通配符

  • 问题内容: 我对跨域JavaScript的概念有疑问。 有一个服务器(ex amazon.com),在其中只有选定的域可以使用其Web服务。所以可以肯定,如果我尝试从本地使用他们的服务,我将无法。我在控制台上得到了这个 跨域请求被阻止:“同源起源”策略禁止读取http://football20.myfantasyleague.com/2014/export?TYPE=rosters&L=52761

  • 通过XHR 实现Ajax 通信的一个主要限制,来源于跨域安全策略。默认情况下,XHR 对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略可以预防某些恶意行为。但是,实现合理的跨域请求对开发某些浏览器应用程序也是至关重要的。 CORS(Cross-Origin Resource Sharing,跨源资源共享)是W3C 的一个工作草案,定义了在必须访问跨源资源时,浏览器与服务器应该如何沟通。

  • 编辑2:我已经找到了一个可行的解决方案,但没有真正理解它的作用。如果有人能提供关于配置的更详细的解释,以及在亚马逊对配置的解释中所发生的背景魔法,那将是非常感谢的,就像nzifnab提供的赏金一样。

  • 来自维基百科: 要发起跨源请求,浏览器发送带有源HTTP标头的请求。这个标题的值是为页面服务的站点。例如,假设http://www.example-social-network.com上的一个页面试图访问online-personal-calendar.com中的用户数据。如果用户的浏览器实现了CORS,则将发送以下请求头: 来源:http://www.example-social-network