无法在NODE.JS中解决此问题，请求的资源在（nodejs + angularjs）中不存在“ Access-Control-Allow-Origin”标头

Question

我是node.js的新手，正在尝试使用Rest API，现在我的REST API可以正常工作，但是每当我通过angularjs调用此服务时，都会出现“ access-control-allow-origin”错误。 但是，我在服务器端添加了此代码：-

var express = require("express");  
var app = express();
var router = express.Router();

app.use(function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET, OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
    res.header('Access-Control-Allow-Credentials', true);
    return next();
});

但是它对我不起作用，我进行了很多搜索，但没有获得可行的解决方案，请帮帮我。

错误是：-

Answer 1

您正在使用angular的http模块，如果是，则Angular在实际请求之前发送预检选项。 您的服务器应返回20倍的OPTIONS角度，以发出实际的请求。

您可以通过分别处理OPTIONS来避免这种情况，

app.use(function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET, OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
    res.header('Access-Control-Allow-Credentials', true);


  if (req.method == "OPTIONS") {
          response.statusCode = 200 //although correct code should be 204,
      return;
        }

    return next();
});

另外，更详尽，限制更少的CORS过滤器如下所示，请根据需要使用

            resp.header("Access-Control-Allow-Origin", "*");
            resp.header("Access-Control-Allow-Credentials", "true");
            resp.header("Access-Control-Allow-Methods", "POST, GET, PUT,PATCH, OPTIONS, DELETE");
            resp.header("Access-Control-Max-Age", "3600");
            resp.header("Access-Control-Allow-Headers", "X-Requested-With, Content-Type, Authorization, Origin, Accept, Access-Control-Request-Method, Access-Control-Request-Headers");

            resp.header("Access-Control-Expose-Headers", "Authorization");

Answer 2

浏览器在发出实际请求之前先发送preflight请求。 您需要添加代码来处理此请求，请在服务器端代码中尝试此操作。

const cors = require('cors')
const corsOptions = {
  origin: '*'
}
app.use(cors(corsOptions))