谷歌地图 - 阻止跨源请求:同源策略禁止读取远程资源

时间:2014-07-24 04:49:13

标签: google-maps-api-3 http-headers cors cross-site

我正在使用谷歌地图api并在我有这个

的页面上
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

现在,正因为如此,您可以在此链接中看到

https://fonts.googleapis.com/css?family=Roboto:300,400,500有字体文件 - 包含在网址中,而AFA我知道它会导致问题。在萤火虫中显示

  

阻止跨源请求:同源策略禁止读取   远程资源在   https://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff   这可以通过将资源移动到同一域或启用CORS来解决。

即使尝试在我的htaccess中添加它,也不起作用,它仍然在firebug中显示错误

Header set Access-Control-Allow-Origin: *

apache的头文件已启用,我有其他标头设置,没关系。我正在使用xampp 1.7.4。 我也不想将css文件和/或字体移动到我的本地文件中,因为谷歌未来可能会发生变化。

qsn1:如何处理此错误。

qsn2:为什么它只显示那些字体文件的错误?因为例如我也包含谷歌地图api的脚本,并且没有问题。

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>

由于

2 个答案:

答案 0 :(得分:0)

在Firefox中,当在HTTPS页面上,以及当我通过HTTPS连接从fonts.googleapis.com加载样式表时,这种情况发生在我身上。就我而言,我使用了&#34;协议相对链接&#34;,即&#34; // fonts.googleapis.com/"而不是&#34; https://fonts.googleapis.com/&#34;,无论如何都会出现与您描述的相同的情况。具体来说,样式表通过HTTPS连接正确加载,但样式表中引用的某些WOFF文件未加载,因为它们被Firefox阻止,并且控制台中出现了CORS警告。

我去修复了一些其他不相关的问题,其中一些其他脚本加载错误(已设置为通过HTTP而不是HTTPS加载一个脚本)。修复了这个问题然后我注意到谷歌字体问题突然被修复了。不确定是否是共同发生的。

我的建议:确保首先修复浏览器中报告的所有其他问题/警告/错误,然后再查看是否再次发生此问题。如果做不到这一点,我会责怪Google的服务器配置问题或我们自己服务器上的服务器配置问题:)

答案 1 :(得分:0)

您使用的是任何嗅探工具吗?当我使用Fiddler2检查网络通信时,我收到此错误。如果你运行它,请尝试不使用该工具。

相关问题