当 POST 请求到 Angular 7 中的不同端口时如何修复"blocked by CORS policy"？

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})
)