-1

我有一个奇怪的问题。在浏览器上放置请求时出现 cors 错误：

Access to fetch at 'http://localhost:3015/pathtest/api/v1/results/cc7637578fad1a6fcfb4249fbf000a13/load' from origin 'https://localhost:9444' has been blocked by CORS policy: Method PUT is not allowed by Access-Control-Allow-Methods in preflight response.

这是我在后端（nodejs）中启用cors的代码。所有其他 api 请求都已使用以下代码修复，并且仅 put 仍然返回 cors 问题：

app.use(function(req, res, next) {
  // res.header("Access-Control-Allow-Origin", "*");
  // res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  // res.header('Access-Control-Allow-Methods', 'PATCH, PUT, POST, GET, DELETE, OPTIONS');
  //     // allow preflight
  //     if (req.method === 'OPTIONS') {
  //       res.send(200);
  //   } else {
  //       next();
  //   }

  res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH,OPTIONS');
res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');
// allow preflight
if (req.method === 'OPTIONS') {
    res.send(200);
} else {
    next();
}
});

我错过了什么吗？

**更新

在此处输入图像描述

4

1 回答 1

1

从我们通过评论进行的调查中，我们发现这是您的问题的原因......

您显示的屏幕截图说明您在问题中显示的中间件代码未处理该请求。这显然意味着您在它之前有一些其他中间件正在接管请求，并且那个中间件没有做您想做的事情，因此它妨碍了您确实想要处理请求的中间件。

如果在您寻找解决方案的过程中，您将类似app.use(cors())（或其他一些尝试处理 COR 请求的代码）放入您的代码中，并且位于您自己的自定义中间件之前，那么它会妨碍您自己的中间件。删除其他与 CORS 相关的中间件，以便您的自定义中间件可以不受阻碍地访问传入的请求并完成其工作。

请记住，中间件和其他请求处理程序按照它们注册的顺序运行，如果给定的处理程序发送了响应并且没有调用next()，那么链中没有更多的请求处理程序/中间件将对该请求采取行动。

于 2019-11-22T17:26:57.910 回答