使用我的 node/express rest api 服务器获取数据时 CORS 被阻止

Question

我有一个正在运行的 localhost 节点/express 服务器，它应该允许任何带有一些正文的 post 请求，然后返回带有一些消息的相同正文。我已将 cors 节点包 用于我的 express 中间件以允许 CORS。

但是我在这里遇到了一个问题，我可以轻松地在系统内使用来自 POSTMAN 应用程序的发布请求并获取输出，但是当我尝试从其他域（例如 codepen、jsfiddle）获取请求时，即使我已在我的节点服务器中允许跨源资源共享，我仍然收到 CORS 被阻止响应。

这是我所做的：

在我的服务器端 express 应用中：

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');

const app = express();
app.use(cors({
  origin: "*",  //also tried: origin: "https://codepen.io"
  methods: "GET, POST, PUT, DELETE",
  allowedHeaders: 'Content-Type, Authorization'
}));

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());  // application/json

app.post('/post', (req, res, next) => {
    const title = req.body.title;
    const id = req.body.id;

    res.status(201).json({
        message: "POST request successful",
        resBody: {
            title: title,
            id: id
        }
    })
});

app.listen(4001);

对于我的客户端 javascript 获取代码：

const options = {
  method: 'POST',
  body: JSON.stringify({
    title: 'foo',
    id: 1
  }),
  headers: {
    'Content-Type': 'application/json'
  }
};

fetch('http://localhost:4001/post', options)
  .then((response) => {
    return response.json();
  })
  .then((jsonObject) => {
  console.log(jsonObject)
  })
  .catch((error) => {
    console.log(error);
  });

我在控制台中收到此消息：

跨域请求被阻止：同源策略不允许读取位于http://localhost:4001/post 的远程资源。 （原因：CORS 请求未成功）。

我知道这些类型的问题已经回答了太多时间了，但我不明白为什么在允许来自我的服务器的 CORS 后我仍然收到错误。

请有人解释一下。

Answer 1

您是否尝试在没有任何数据的情况下传递 cors？因为我遇到了同样的问题，我只通过传递 app.use(cors) 来修复它 默认情况下它打开任何来源，它根本不安全，但它对我有用