Error making POST request to an API with Angular 2 - api

Question

I am trying to make a post request in my Angular 2 application. I am getting an error. I have a CORS plugin enabled and when I use Postman there requests are successful so no idea what might be wrong. I would appreciate any help :)
Failed to load resource: the server responded with a status of 404 (Not Found)
16:1 XMLHttpRequest cannot load https://website/api/v1/auth/sign_in. Response for preflight has invalid HTTP status code 404
Service.ts
import { Injectable } from "#angular/core";
import { Http, Headers, Response } from "#angular/http";
import 'rxjs/Rx';
import { Observable } from "rxjs";
import {User} from "./auth.model";
#Injectable()
export class AuthService{
constructor(private http: Http){
}
signUp(user:User){
const body= JSON.stringify(user);
const headers= new Headers ({'Content-type':'application/json'});
return this.http.post('https://website/api/v1/auth', body,{headers:headers})
.map((response:Response)=> response.json())
.catch((error: Response)=>Observable.throw(error.json()));
}
signIn(user:User){
const body= JSON.stringify(user);
const headers= new Headers ({'Content-type':'application/json'});
return this.http.post('https://website/api/v1/auth/sign_in', body,{headers:headers})
.map((response:Response)=>response.json())
.catch((error: Response)=>Observable.throw(error.json()));
}
}
signin.ts
import { Component, OnInit } from '#angular/core';
import {FormGroup, FormControl, Validators,FormsModule} from '#angular/forms';
import {AuthService} from './auth.service';
import {User} from "./auth.model";
#Component({
selector: 'app-signin',
templateUrl: './signin.component.html',
styleUrls: ['./signin.component.css']
})
export class SigninComponent implements OnInit {
myForm: FormGroup;
constructor(private authService: AuthService) { }
onSubmit(){
const user= new User(this.myForm.value.email, this.myForm.value.password);
this.authService.signIn(user).subscribe();
console.log("c");
}
ngOnInit() {
this.myForm= new FormGroup({
email: new FormControl(null, [Validators.required,
Validators.pattern("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*#(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?")
]),
password: new FormControl(null, [Validators.required])
});
}
}

Answer 1

I believe the third argument passed to the http.post method is a RequestOptions object
const headers= new Headers ({'Content-type':'application/json'});
const options = new RequestOptions({ headers });
this.http.post('https://website/api/v1/auth', user, options)
Also you should not need to stringify you object before sending it just send the user object as the body
You should also check to ensure that the server is returing Access-Control-Allow-Origin in the header