angular 2 service does not send data - Unprocessable Entity - api

Question

i am trying to send data(email,password) on http://localhost:8000/api/signin with form
but it keeps returning me this response
Unprocessable Entity
{"email":["The email field is required."],"password":["The password field is required."]}
service
login(email:string,password:string){
console.log(email,password);
return this._http.post('http://localhost:8000/api/signin',JSON.stringify({email:email,password:password}))
.map(res =>{
// login successful if there's a jwt token in the response
let user = res.json();
if(user && user.token){
localStorage.setItem('currentUser',JSON.stringify(user));
}
});
}
Login.Component.ts
login(){
console.log(this.model.email,this.model.password);
this.authenticationservice.login(this.model.email,this.model.password)
.subscribe(
data => {
this.router.navigate([this.returnUrl]);
});
form
<div class="col-md-6 col-md-offset-3">
<h2>Login</h2>
<form name="form" (ngSubmit)="login()">
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" name="email" [(ngModel)]="model.email" required />
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" name="password" [(ngModel)]="model.password" required />
</div>
<div class="form-group">
<button class="btn btn-primary">Login</button>
</div>
<div *ngIf="error" class="alert alert-danger">{{error}}</div>
</form>
response in postman
http://image.prntscr.com/image/b6c5a8d985834283aa0501c8cb4caed9.png

Answer 1

Try this:
let headers = new Headers();
headers.append('Content-Type', 'application/json');
let options = {
headers: headers
};
let body = JSON.stringify({email:email,password:password});
return this.http.post(url, body, options).map(...);

Answer 2

Add Content-Type : application/json header to your request :
login(email:string,password:string) {
let bodyString = JSON.stringify({ email: email, password: password });
let headers = new Headers({ 'Content-Type': 'application/json' });
return this._http.post('http://localhost:8000/api/signin', bodyString, {headers: headers})
.map(res =>{
// login successful if there's a jwt token in the response
let user = res.json();
if(user && user.token){
localStorage.setItem('currentUser',JSON.stringify(user));
}
});
}