请求被CORS阻塞

Question

我有一个在angular和node js上构建的应用程序，当登录应用程序后，在获取数据时出现错误，因为它显示了CORS错误？我应该如何解决这个错误？

​

​

Answer 1

此问题可能是由于API在不同的端口上运行而导致的。请参阅CORS error on same domain?

尝试将Access-Control-Allow-Origin和Access-Control-Allow-Methods头添加到您的API中。

这就是在使用middleware的Express上实现这一点的方法。

下面的代码允许所有的源和方法(根据您的需求，这可能过于开放)。

const express = require('express');
const app = express();
const port = 3000;

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', '*');
  next();
});

app.get('/', (req, res) => res.send('Hello World!'));

app.listen(port, () => console.log(`Example app listening on port ${port}!`));

Answer 2

此错误是由于在端口1949上运行的应用程序拒绝了来自端口80的请求，bcos会将其视为跨域请求。您需要在端口1949上配置应用程序的CORS，才能从任何源origin: "*"进行访问，节点js示例：

server.use(
  cors({
    origin: "*",
    optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204
  })
);