为什么我得到了";Fetch Failure Load&Quot;,而它实际上是有效的?
我使用以下代码通过Fetch API将用户位置发布到我自己的后端服务:
window.onload = () => {
let getPosition = (options) => {
return new Promise((resolve, reject) => {
navigator.geolocation.getCurrentPosition(resolve, reject, options);
});
};
getPosition().then(pos => {
const data = new FormData();
data.append('latitude', String(pos.coords.latitude));
data.append('longitude', String(pos.coords.longitude));
fetch('/', { // <--- error is thrown in this line
method: 'POST',
body: data
}).then(response => {
if (!response.ok) {
throw Error('Data sent - Network response NOT OK');
} else {
console.log('Data sent - Network response OK')
}
});
});
};
这可以完美地工作,后端服务会发回一个肯定的空响应。Data sent - Network response OK
已记录在浏览器控制台中,一切正常,只是之后立即记录了以下内容:
Fetch failed loading: POST
即使POST成功,但响应正常,Chrome网络选项卡中的状态代码为200 OK
?我的代码有问题吗?
解决方案
我的行为与您看到的相同。
我的服务器使用204
(空响应)和空(内容长度=0)响应来响应POST
请求。
我尝试将其更改为只返回"OK"消息(编辑:实际上现在只是返回创建的对象),fetch
错误日志消失了。
在我看来,当响应正文为空时,fetch
(至少在Chrome中)错误地记录为FETCH FILED,即使请求成功。
相关文章