Angularjs Request-Header-Feld Access-Control-Erlaube-Header ist nicht erlaubt von Access-Control-Erlaube-Header in Preflight-Antwort

Question

Ich weiß, es gibt viele doppelte Fragen.Ich habe versucht alle Lösungen gegeben, aber immer noch nicht funktioniert.

XMLHttpRequest kann http://localhost:3000/api/create nicht geladen werden. Anforderungsheaderfeld "Zugriffssteuerung - Zulassen - Header" ist in der Preflight-Antwort von Access-Control-Allow-Headers nicht zulässig.

AngularJS Code

$httpProvider.defaults.headers.common = {}; 
     $httpProvider.defaults.headers.post = {}; 
     $httpProvider.defaults.headers.put = {}; 
     $httpProvider.defaults.headers.patch = {}; 
     $httpProvider.defaults.headers.get = {}; 
     $httpProvider.defaults.headers.common['Access-Control-Allow-  Headers'] = '*'; 
     $httpProvider.defaults.useXDomain = true; 
     delete $httpProvider.defaults.headers.common['X-Requested-With']; 

     $httpProvider.interceptors.push(['$injector',function($injector) { 
      var mainFactory = $injector.get('mainFactory'); 
      return { 
       request: function(config) { 
        var token = mainFactory.getToken(); 
        config.headers.Authorization = 'Basic '+token; 
        return config; 
       }, 

       response: function(response) { 
        return response; 
       } 
      }; 
}]); 

NodeJS Code

app.use(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'); 
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Accept"); 
next(); 
}); 

Answer 1

Danke für die comments.I fixiert es durch eine NPM-Paket installieren cors der Fehler .Ich denke, war auf der Serverseite wie @ Katana314 erwähnt.

$httpProvider.defaults.headers.common = {}; 
    $httpProvider.defaults.headers.post = {}; 
    $httpProvider.defaults.headers.put = {}; 
    $httpProvider.defaults.headers.patch = {}; 
    $httpProvider.defaults.headers.get = {}; 
    $httpProvider.defaults.headers.common['Access-Control-Allow-Headers'] = '*'; 
    $httpProvider.defaults.useXDomain = true; 
    delete $httpProvider.defaults.headers.common['X-Requested-With']; 

alle diese Standard-Header können auch removed.Its sein adaequat.

Answer 2

das ist Backend-Problem. wenn die Verwendung Segel api auf Back-End-Änderung cors.js und fügen Sie Ihre alle Header fileds hier

module.exports.cors = { 
    allRoutes: true, 
    origin: '*', 
    credentials: true, 
    methods: 'GET, POST, PUT, DELETE, OPTIONS, HEAD', 
    headers: 'Origin, X-Requested-With, Content-Type, Accept, Engaged-Auth-Token' 
}; 

Answer 3

return $http.post(
    "url", 
    formData, 
    { 
    transformRequest: angular.identity, 
    headers: {"Content-Type": undefined} 
    } 
)