没有“ Access-Control-Allow-Origin”标头存在。.角度7和表示

Question

我在端口3000上运行带有express的服务器，在端口4200上运行带有angular 7的客户端。发出请求后，遇到了CORS问题。

通过CORS策略已阻止从源“ http：// localhost：4200 ” 访问“ http：// localhost：3000 / drug ” 上的XMLHttpRequest ：在请求的资源上不存在“ Access-Control-Allow-Origin”标头。

我已经在线尝试了所有解决方案，例如使用cors软件包，并在路由器之前设置了中间件，如以下代码所示（Angular 6-请求资源上没有'Access-Control-Allow-Origin'标头）。但是它仍然没有解决，并不断出现同样的错误。有人会遇到无法用所有解决方案解决CORS的问题吗？请你帮助我好吗？

app.use((req, res, next) => {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
  res.header(
    "Access-Control-Allow-Header",
    "Origin, X-Requested-With, Content-Type, Accept"
  );
  next();
});

app.use((req, res, next) => {
      res.header("Access-Control-Allow-Origin", "http://localhost:4200");
      res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
      res.header(
        "Access-Control-Allow-Header",
        "Origin, X-Requested-With, Content-Type, Accept"
      );
      next();
    });

Answer 1

将这行代码放在app.use(cors());路由代码之前。（假设您已经安装了cors软件包）。