Problem with django rest auth and react native

Question

I am trying to make a login page with a react native frontend and a django-rest-auth backend, but when I send my request:

`login = () => {

fetch('http://myIp/rest-auth/login/', {
  method: 'POST',
  header: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    username: this.state.username,
    password: this.state.password,
  })
})
.then((response) => response.json())
.then((res) => {
  if (res.success === true) {
    AsyncStorage.setItem('user', res.user)
    this.props.navigation.navigate('Profile')
  }
  else {
    alert(res.message)
  }
})
  }
}`

My backend returns:

Unsupported Media Type

I only use django-rest-auth api endpoints. What is the problem ? Thank you for your help ;D

anjaneyulubatta505 · Accepted Answer · 2018-10-02 04:42:12Z

2

In above code you have used header instead headers. Please change your code like below.

login = () => {

fetch('http://myIp/rest-auth/login/', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    username: this.state.username,
    password: this.state.password,
  })
})
.then((response) => response.json())
.then((res) => {
  if (res.success === true) {
    AsyncStorage.setItem('user', res.user)
    this.props.navigation.navigate('Profile')
  }
  else {
    alert(res.message)
  }
})
  }
}

answered Oct 2, 2018 at 4:42

anjaneyulubatta505

11.9k1 gold badge61 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vincent Quirion Over a year ago

Ok now it recognizes the media type, but the react native app doesn't recognize the response ;/

Collectives™ on Stack Overflow

Problem with django rest auth and react native

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related