Как сделать правильный HTTP-вызов в Angular 2?

Question

Я начинаю с Angular 2, и я хочу сделать почтовый вызов на моем сервере node.js для обновления данных. Это код в моей службы:

updateEmployee(id : string, firstName? : string, lastName? : string){ 
    let body : string = JSON.stringify({ "firstName" : "test", "lastName" : "testtwo"}); 

    return this.http.post(this._employeesUrl + id, body) 
     .map(res => res.json()) 
     .catch(this.handleError); 
    } 

Мой код маршрута API:

exports.update = function(req, res) { 
    Employee.model.findById(req.params.id).exec(function(err, item) { 

    if (err) return res.apiError('database error', err); 
    if (!item) return res.apiError('not found'); 
    console.log(req); 
    var data = (req.method == 'POST') ? req.body : req.query; 

    item.getUpdateHandler(req).process(data, function(err) { 

     if(req.body.firstName){ 
     item.firstName = req.firstName; 
     } 
     if(req.body.lastName){ 
     item.lastName = req.body.lastName; 
     } 

     if (err) return res.apiError('create error', err); 

     res.apiResponse(
     200 
    ); 

    }); 

    }); 
} 

Когда я делаю пост вызова с почтальоном, все работает отлично, но в угловых 2 я, кажется, не получите параметр body. Как это делается правильно? Я много пробовал, но никто из них не работал.

Я попытался добавить заголовки в настройках, но это не решает проблему:

Answer 1

мне нужно, чтобы добавить заголовки в rgvassar сказал:

let body : string = JSON.stringify({ "firstName" : firstName, "lastName" : lastName}); 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 
    return this.http.post(this._employeesUrl + id, body, options) 
    .map((res: Response) => res) 

Но была проблема CORS на моем API (сделанный с Keystonejs), потому что я послать заголовок с запросом, я необходимых для разрешения ВАРИАНТОВ на CORS. Эти две вещи разрешили проблему.

Answer 2

Вы должны добавить заголовок content-type.

updateEmployee(id : string, firstName? : string, lastName? : string){ 
    let body : string = JSON.stringify({ "firstName" : "test", "lastName" : "testtwo"}); 
    let headers = new Headers({ 'content-type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 

    return this.http.post(this._employeesUrl + id, body, options) 
     .map(res => res.json()) 
     .catch(this.handleError); 
    }