CORS 问题：请求的资源上不存在“Access-Control-Allow-Origin”标头

Question

var enableCORS = function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');

// intercept OPTIONS method
if ('OPTIONS' == req.method) {
  res.send(200);
}
else {
  next();
}
};
app.use(enableCORS);

我发现在服务器端使用了以下 sn-p，但是当我尝试 POST 时，我仍然收到错误 No 'Access-Control-Allow-Origin' header is present on the requested resource。

Answer 1

我只使用以下行：

res.header("Access-Control-Allow-Origin", "*");

而且它有效。在发送标题之前你有没有机会打印其他东西？标头必须在其他任何内容之前发送。中间件代码应该在其他任何东西之前。

您确定代码正在执行吗？做一些'console.log'打印以确保enableCORS被调用。

最后，使用 chrome 开发人员工具（或任何等效工具）查看从服务器返回的标头。对于 chrome，转到网络 => 有问题的请求 => 标头 => 响应标头，并确保 CORS 标头在那里。

更新 尝试使用以下内容（取自here）：

res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); # OPTIONS removed
res.header('Access-Control-Allow-Headers', 'Content-Type');