Error: Request failed with status code 400. missing headers? error in backend?

Question

我在 React Native（android 模拟器）中使用 axios 向我的本地主机（本例中为 10.0.0.2:8000）发送一个 POST 请求，我收到 400 错误来自 Django RESTful 框架后端。

这是我的动作创作者

export const doAuthLogin = ({ username, password }) => dispatch => {
  axios.post(`${ROOT_URL}/rest-auth/login/`, {
    username,
    password
  }).then(response => {
    console.log(response);
    // Save Token post is Already await.
    AsyncStorage.setItem('auth_token', response.token);
    dispatch({ type: AUTH_LOGIN_SUCCESS, payload: response.token });
  })
  .catch(response => {
    console.log(response);
    dispatch({ type: AUTH_LOGIN_FAIL, payload: response.non_field_errors });
  });
};

这是来自 Remote Debugger JS 的错误消息。它只是来自 axios.post 的 catch 的 console.log（响应）。

Error: Request failed with status code 400
    at createError (createError.js:16)
    at settle (settle.js:18)
    at XMLHttpRequest.handleLoad (xhr.js:77)
    at XMLHttpRequest.dispatchEvent (event-target.js:172)
    at XMLHttpRequest.setReadyState (XMLHttpRequest.js:538)
    at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:381)
    at XMLHttpRequest.js:485
    at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
    at MessageQueue.__callFunction (MessageQueue.js:260)
    at MessageQueue.js:101

控制台中出现错误消息， [17/Aug/2017 14:14:10] "POST /rest-auth/login/ HTTP/1.1" 400 40

这是 settings.py、

的一部分

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

INSTALLED_APPS = [
    'corsheaders',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'allauth',
    'allauth.account',
    'rest_auth.registration',
    'rest_framework',
    'rest_framework.authtoken',
    'rest_auth',
    'profiles',
    'allauth.socialaccount',
    'allauth.socialaccount.providers.facebook',
    'allauth.socialaccount.providers.twitter',
    'django.contrib.sites',
]

SITE_ID = 1

CORS_ORIGIN_WHITELIST = (
    '10.0.2.2',
    'localhost'
)

我想我的动作创建器可能有误。缺少 headers 或...

这个错误没有给我任何超过 400 的提示，所以我完全迷路了。你能帮我解决这个问题吗？

谢谢

Answer 1

感谢大家发表评论。问题是我实际上发送了未定义的用户名和密码。

{username, password } -> (username, password)

这个问题很傻，这段代码很完美。没有 CORS 错误、正确的响应正文和正确的允许主机。实际上，您的评论使我确信我的 React 代码可能存在问题。我在每一行中都安慰了日志变量。

非常感谢！现在我可以睡觉了

Error: Request failed with status code 400. missing headers? error in backend?

Error: Request failed with status code 400. missing headers? error in backend?

django

reactjs

react-native

axios