Как аутентифицировать пользователя с помощью Django-rest и React js - PullRequest
0 голосов
/ 27 марта 2019

Я пытаюсь аутентифицировать пользователя с помощью django rest и просто реагировать на js без избыточности.

Пользователь успешно аутентифицирован в конечной точке отдыха django (электронная почта, пароль), но когда я пытаюсь аутентифицироваться по реакции, он не показываетникаких результатов, и я не могу его найти. Со стороны реакции я беру пользовательский ввод через форму, сохраняю в состоянии и отправляю состояния в конечную точку, используя метод POST. Но в конце django ничего не происходит. Вот моя логика:

class login extends React.Component{
  constructor(props){
    super(props);
    this.state={
        email:"",
        password:"",
    }
}

submitForm=(evt)=>{
    evt.preventDefault();
    const form= {
        email: this.state.email,
        password: this.state.password
    };

    this.loginUser(form)
};

loginUser=(payload)=>{
    console.log("In fetch request");
    console.log(payload);
    fetch(`http://127.0.0.1:8000/chauffeur/login_user/`,
        {
            method:'POST',
            body: JSON.stringify(payload),
            headers:{
                'Content-Type':'application/json'
            }
        }).then(response =>{
            if (response.status===200){
                return response.json().then(data=>{
                    return {status:"ok",data}
                })
            }
            else
            {
                console.log("Unable to access")
            }
    }).catch(error => console.error('Error:', error))

    setInputValue = (e, inputName) => {
    this.setState({[inputName]: e.target.value})
};

render(){
    return(
        <div>
            <form onSubmit={this.submitForm}>
                <input type='email' placeholder="email" value={this.state.email} onChange={(e) => this.setInputValue(e, 'email')}/>
                <input type='password' placeholder="password" value={this.state.password} onChange={(e) => this.setInputValue(e, 'password')}/>
                <button type="submit">SignIn</button>
            </form>
        </div>
    )
}

Я пытался увидеть ответ json после запроса, но на консоли ничего не появляется. Пожалуйста, дайте несколько советов, как это исправить.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...