Как исправить "заблокированную политикой CORS", когда POST запрос на другой порт в Angular 7?

Question

Я пытаюсь отправить запрос на сервер узла "http://localhost:3000" от «http://localhost:4200".

// Клиентская сторона - угловая 7

  let obs = this.http.post('http://localhost:3000/testpost',
    {
      "data":  "test123"
    }
    );
    obs.subscribe((response)=> console.log(response),
    (error)  => console.log("Error" ,error)
  );

// Сторона сервера - узел Js

app.post('/testpost',function(req,res){
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.json({"responseCode" : 0,"response":req.query['data']});
});

Я ожидаю данных с сервера, но возникает ошибка политики CORS

Answer 1

Установите промежуточное программное обеспечение CORS через

npm i cors

npm i @ types / cors --save-dev (для типов в машинописи)

А затем добавьте следующий файл к вашему серверу

import cors = require('cors')
app.use(
    cors(),
    express.json(),
    express.urlencoded({extended:false})
)