Angular2 node.js вызова приложений функционирует

Question

ИТАК У меня есть Angular2 приложения, работающее на http://localhost:4200/, внутри этого приложения я пытаюсь вызвать функцию, расположенную в отдельном node.js применения в настоящее время работает на http://localhost:3000/

Моего звонка от Angular2 применение:

deletePhoto(photoId: string) { 

    var options = new RequestOptions({ 
     headers: new Headers({ 
      'Accept': 'application/json', 
      'Access-Control-Allow-Origin': 'http://localhost:4200' 
     }) 
    }); 

    let url = `http://localhost:3000/delete?photoId=${photoId}`; 

    this.http.post(url, options).subscribe(response => { 
     let user = response.json() 
     console.log(user); 
    }, 
     err => { 
      console.log('Unable to call delete photo', err); 
     }); 

} 

И это моя node.js функция:

var express = require('express') 

var app = express(); 

app.post('/delete', function (req, res) { 

    req.setHeader('Access-Control-Allow-Origin', 'http://localhost:4200'); 
    res.setHeader('Access-Control-Request-Method', '*'); 
    res.setHeader('Access-Control-Allow-Methods', 'POST'); 
    res.setHeader('Access-Control-Allow-Headers', '*'); 

    var photoId = req.query['photoId']; 
    //var userId = req.query['userId']; 
    res.json({ "photoId": photoId, "test": "Testing node server" }) 
}) 

Однако ошибка я получаю в браузере:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://localhost:4200 ' is therefore not allowed access.

Теперь после того, как прибегая к помощи этой ошибки, я прочитал мне нужно, чтобы установить заголовок на запрошенный ресурс, поэтому я не добавил req.setHeader на моем node метод, но все-таки с не avail, я также установил его в своем приложении Angular2, чтобы узнать, что это значит, но, к сожалению, такой же результат.

Я прочитал cors, но, к сожалению, я все еще смущен этим.

Это первый раз, когда я пытался сконфигурировать Angular2 и Node.js, поэтому, пожалуйста, со мной, любые предложения/помощь, конечно, будут высоко оценены.

Answer 1

Вы также должны добавить код для обработки параметров запроса, что браузеры отправить для CORS preflights:

app.options('/delete', function(req, res) { 
    res.send(200); 
}); 

Это добавление только вызывает ваше приложение Node отправить 200 ответ без тела со всеми необходимыми Access-Control-* заголовки ответа.