angularjs - 为什么即使添加 CORS 后，我仍然在 http 请求中收到状态代码 403？

Question

当我尝试在应用程序前端的 Angular 中发出 http 请求时，我无法完成请求，因为我在预检请求中收到状态代码 403。我已经在后端的 Node.js 中设置了 header 以允许访问，但对于 GET 或 POST 请求，我仍然收到错误。我还在这里阅读了一些答案，他们基本上说将 header Access-Control-Allow-Origin 设置为 *，但这不起作用。

这是我的前端:

 $http({
        method : "GET",
        url : "http://localhost:8080/v1/get-mac",
        headers: {
            'Content-Type': "application/json",
            'Authorization': "token"
        }
        }).then(function(response) {
            this.machines = response.data;
        });

这就是我在 Express 后端所做的事情:

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

我在 Chrome 中遇到的错误是:

OPTIONS http://localhost:8080/v1/get-mac
  (anonymous function) @ angular.js:12011
  sendReq @ angular.js:11776
  serverRequest @ angular.js:11571
  processQueue @ angular.js:16383
  (anonymous function) @ angular.js:16399
  $eval @ angular.js:17682
  $digest @ angular.js:17495
  $apply @ angular.js:17790
  (anonymous function) @ angular.js:25890
  defaultHandlerWrapper @ angular.js:3497
  eventHandler @ angular.js:3485
XMLHttpRequest cannot load http://localhost:8080/v1/get-mac    
  Response for preflight has invalid HTTP status code 403

为什么会发生这种情况？已经尝试了很多东西，但我不知道为什么即使设置了响应头它也不起作用。谢谢

这是我的 app.js:

var server = require(__dirname + '/server.js')();

var app = server.app.express();

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

app.use(server.app.express.static(server.app.path.join(__dirname, 'views')));
app.use(server.app.morgan('dev'));
app.engine('html', server.app.ejs.renderFile);
app.set('view engine', 'ejs');
app.use(server.app.methodOverride());
app.use(server.app.bodyParser.urlencoded({ extended: false }));
app.use(server.app.bodyParser.json());

server.router(app);

return server.app.http.createServer(app).listen(process.env.PORT || 8080, function() {
  console.log("Server is on, listening on: 8080");
});

Answer 1

服务器应该向 OPTIONS 请求发送“200”响应。 因此将您的服务器代码修改为:

app.use(function(req, res, next){
    res.header('Access-Control-Allow-Origin', "*");
    res.header('Access-Control-Allow-Headers', 'Content-Type,     
                                               Authorization');
    res.header('Access-Control-Allow-Methods', 'GET, POST');
    if(req.method === 'OPTIONS'){
        return res.status(200)
    }
    next();
});