Я пытаюсь аутентифицировать пользователя с помощью 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 после запроса, но на консоли ничего не появляется. Пожалуйста, дайте несколько советов, как это исправить.