如何解决firefox中的跨源请求阻塞错误

时间:2014-07-31 05:59:10

标签: javascript jquery html

<script>
    $.getJSON('url', function (data) {
        console.log("Before:"+data);
        t = data;
        console.log("After:"+t);
    });
</script>

当我使用getJson方法从REST API获取数据时,我收到错误:

  

阻止跨源请求:同源策略禁止读取URL上的远程资源。这可以通过将资源移动到同一域或启用CORS来解决。

我该如何解决这个问题?请帮忙。

2 个答案:

答案 0 :(得分:3)

  

阻止跨源请求:同源策略禁止读取   网址上的远程资源。这可以通过移动来修复   资源到同一个域或启用CORS。

这意味着您应该在代码中使用api(url)并且您的脚本必须位于同一个域中的文件

在API中添加Access-Control-Allow-Origin header(代码中为url)域

<FilesMatch "\.(php)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

*允许所有跨域请求

答案 1 :(得分:0)

<FilesMatch "\.(php)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

我将此添加到我的httpd-vhosts.conf并且错误已解决