如何解決Firefox中的跨域請求阻止錯誤

Question

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

當我使用getJson方法從REST API獲取數據時，出現錯誤：

跨域請求被阻止：同源策略禁止讀取URL上的遠程資源。 可以通過將資源移到同一域或啟用CORS來解決此問題。

我該如何解決？ 請幫忙。

Answer 1

跨域請求被阻止：同源策略禁止讀取URL上的遠程資源。 可以通過將資源移到同一域或啟用CORS來解決此問題。

這意味着您應該具有api（代碼中的url ），並且包含腳本的文件必須位於同一域中

要么

在API（代碼中的url ）域中添加Access-Control-Allow-Origin header

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

*允許所有跨域請求

Answer 2

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

我將此添加到我的httpd-vhosts.conf中，該錯誤已解決