Question

我在React Native（Android模拟器）中使用axios向我的localhost发送POST请求（这种情况下，它是10.0.0.2:8000），我从Django收到400错误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]＆＃34; POST / rest-auth / login / HTTP / 1.1＆＃34; 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'
)

我想我可能在动作创作者中出错了。缺少标题或......

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

由于

Answer 1

感谢评论家伙。问题是我实际上是将undefined发送到用户名和密码。

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

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

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

错误：请求失败，状态码为400.缺少标题？后端错误？

1 个答案: