即使在 node.js 中为 Angular js 添加标头后也会出现 CORS 错误答案

【问题标题】：Getting CROS Error even after adding header in node.js for Angular js即使在 node.js 中为 Angular js 添加标头后也会出现 CORS 错误
【发布时间】：2015-09-07 18:53:49
【问题描述】：

我正在尝试从 NODE JS 为 Angular js 使用 REST API，即使在我的服务器代码中添加了 cors 标头后，我也收到错误 XMLHttpRequest cannot load http://127.0.0.1:8085/issues。 Access-Control-Allow-Headers 不允许请求头字段 Access-Control-Allow-Origin。

我是 Angular JS 和 Node JS 的新手。

节点JS代码：

 var fs = require('fs'),
http = require('http');
http.createServer(function (req, res) {
 res.writeHead(200, {
     'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type,    Accept"',
     'Access-Control-Allow-Origin' : 'http://127.0.0.1:8085',
     'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE'
    });

fs.readFile('C:\glossary.json', function (err,data) {
  if (err) {
  res.writeHead(404);
  res.end(JSON.stringify(err));
  return;
}

 res.writeHead(200);
 res.end(data);
    });
          }).listen(8080);

应用代码：

    var app = angular.module('app', ['restangular'])
          .config(function(RestangularProvider) {
            RestangularProvider.setBaseUrl('http://127.0.0.1:8085/');
            RestangularProvider.setDefaultHeaders({"Access-Control-Allow-  Origin":"*"});
              });

      app.controller('IndexCtrl', function($scope, Restangular) {
        $scope.issue_id = Restangular.all('issues').getList();
    });

尝试使用 Restangular 进行 Rest API 消耗。请帮忙

【问题讨论】：

标签： javascript angularjs node.js

【解决方案1】：

错误信息会为您详细说明。

您的客户端代码正在尝试设置 Access-Control-Allow-Origin 标头：

RestangularProvider.setDefaultHeaders({"Access-Control-Allow-  Origin":"*"});

您的服务器端代码允许多个标头，但这不是其中之一：

'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type,    Accept"',

删除线：

RestangularProvider.setDefaultHeaders({"Access-Control-Allow-  Origin":"*"});

Access-Control-Allow-Origin 是 response 标头，而不是请求标头。

【讨论】：