XMLHttpRequest无法加载。卸载的资源显示警告:显示临时标头

时间:2014-01-10 03:39:50

标签: google-chrome xmlhttprequest cross-domain cross-domain-policy

我实际上不知道这个问题的正确标题,因为我发现了很多类似的但却无法找到解决方案。

我的问题是(在Chrome上)我正在处理的网站仍显示控制台日志: XMLHttpRequest无法加载 http://resource.domain.com/file.css 。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许来源“ http://www.my-site-url.tld

error message on console log

我尝试使用此代码通过.htaccess文件允许该资源。

<FilesMatch "\.(jpg|jpeg|png|gif|js|css)$">
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin http://wp.com,http://ajax.googleapis.com,http://fonts.googleapis.com,http://zor.fyre.co
    Header set Access-Control-Allow-Credentials true
</IfModule>
</FilesMatch>

不起作用。我也试过php和jsonp版本。

任何人都可以帮我解决这个问题。

其他信息: 最近,在检查元件中>网络&gt;标题部分,我发现了这条消息: CAUTION: Provision headers are shown

1 个答案:

答案 0 :(得分:1)

您的问题很可能源于您尝试从外部域加载内容的事实,这在正常的json调用中是禁止的,因此无'Access-Control-Allow-Origin'错误。您可能需要的技术称为JsonP。我会链接文件;但是,它真的可以依赖于你正在使用的javascript框架。我建议阅读这篇文章,了解如何通过普通JS调用此行为。 https://stackapps.com/questions/891/how-to-call-the-api-via-jsonp-in-plain-old-javascript

希望这有帮助!