为什么FETCH查询总是返回错误段? [英] Why is fetch query always returning error segment?

查看:40
本文介绍了为什么FETCH查询总是返回错误段?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用来自Reaction本地移动应用程序的以下代码对dj-rest-auth本地链接进行社交身份验证调用。然而,我总是收到一个错误。请让我知道问题出在哪里。

  fetch(
    "http://localhost:8000/dj-rest-auth/facebook/",
    {
      method: "POST",
      headers: {
        'Accept': 'application/json',
        'Content-type':'application/json'
      },
      xsrfCookieName:"csrftoken",
      xsrfHeaderName:'X-CSRFToken',
      body:JSON.stringify({access_token : resolvedToken})
    }
  )
  .then(resp => resp.json())
  .then(data => {
    console.log(data);
  }  
  )
  .catch(error => console.log(error))

错误详细信息:

Network request failed
at node_modules/whatwg-fetch/dist/fetch.umd.js:535:17 in setTimeout$argument_0
at [native code]:null in callFunctionReturnFlushedQueue

备用错误更新: 如果对API请求使用axios而不是FETCH,即等待axios.post而不是FETCH,则会收到以下错误:

Network Error
at node_modules/axios/lib/core/createError.js:16:14 in createError
at node_modules/axios/lib/adapters/xhr.js:84:24 in handleError
at node_modules/react-native/Libraries/Network/XMLHttpRequest.js:600:10 in setReadyState
at node_modules/react-native/Libraries/Network/XMLHttpRequest.js:395:6 in __didCompleteResponse
at node_modules/react-native/Libraries/vendor/emitter/EventEmitter.js:189:10 in emit
at [native code]:null in callFunctionReturnFlushedQueue

推荐答案

由于对此处的django本地服务器调用使用本地主机地址,因此出现错误。本地主机或127.0.0.1也存在此问题。

此外,接下来我尝试在我的笔记本电脑上使用移动热点,然后使用我笔记本电脑Wi-Fi当前分配的IP地址来运行Django服务器并对其进行API调用。如果使用移动热点并且面临相同的错误,则此操作不起作用。

但是,如果使用局域网路由器,然后使用为笔记本电脑分配的本地Wi-Fi IP地址,则问题已解决。

这现在产生了新的问题。API调用成功,我只在第一次API调用或第一次运行时收到令牌。此后,我收到CSRF令牌丢失或无效的错误。

但是,由于这是一个新问题,与这个问题不同,我现在结束这个问题。如果我无法解决新问题,我可能会提出新问题。

这篇关于为什么FETCH查询总是返回错误段?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆