我在使用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个小时…… 希望有人能早点找到.