javascript – 在localhost上托管时,使用NetworkError获取API拒绝(仅限Firefox)

我在使用fetch API时看到Firefox上的奇怪行为.我不知道我做错了什么,或者我是否错过了一些文档,我不想做什么.

如果我在localhost上托管下面的页面,Firefox会拒绝提取并在尝试获取资源时给出TypeError：NetworkError.我没有在开发工具或Wireshark中看到任何获取请求.似乎没有任何进一步的调试可用于诊断.

通过“托管在localhost”,我的意思是由本地Web服务器(在这种情况下为Nginx)托管,而不是从文件系统托管.例如,地址栏显示“http://localhost/fetch_localhost_error.html”.

在http://jsbin.com/yowebiyigi/edit?html,output或任何其他端点托管相同的页面会给出预期的输出 – 文本出现在div中,我看到在dev工具中创建了获取请求.

Chrome在两种情况下都能正常工作,这意味着本地主机和远程服务器都为CORS等正确配置(但FF似乎永远不会查询远程).

我在Windows 7上都尝试了48和Nightly(51).不幸的是我现在无法访问任何其他操作系统.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <div id="output"></div>
  <div id="error"></div>
  <script>
 var result = fetch('http://www.randomtext.me/api/')

 result.then(
    function(response){
        return response.json()
    })
 .then(
   function (response) {
        document.getElementById("output").innerHTML = response.text_out;
   })
 .catch(
    function(error){
        document.getElementById("error").innerHTML = error;
    });

  </script>
</body>
</html>

这非常令人沮丧,因为我无法在本地开发基于fetch的解决方案.任何人都可以对正在发生的事情发光吗？

解决方法

在我的情况下,这是该死的AdBlock.浪费了3个小时…… 希望有人能早点找到.

javascript – 在localhost上托管时,使用NetworkError获取API拒绝(仅限Firefox)

解决方法

相关文章