AngularJS Anfrage Access-Control-Allow-Headers ist nicht erlaubt von Access-Control-Allow-Header

Question

Ich muss wissen, was kann ich tun, um dieses Problem zu lösen, die Reparatur benötigen. Ich muss das Problem nicht kennen, muss die Lösung kennen. Wer weiß, wie kann ich tun?

meine ionische App:

// controller test: 
$http({ 
    method: 'GET', 
    url: 'https://example.herokuapp.com/apiDataTest/' 
}).then(function successCallback(response) { 
    console.log('response'+response); 
    }, function errorCallback(response) { 
    console.log('response'+response); 
    }); 

mein api Verwendung express, ist dies:

var express = require('express'); 
var app = express(); 

    app.get('/apiDataTest', getData); 

    function getData(req, res) { 
     res.json({ 
      message: 'Ok! Welcome to test data!' 
     }); 
    } 

wenn ich die Adresse durch den Browser oder Postbote nennen, zum Beispiel. die json und zurückgegeben, wie ich brauche, aber wenn Sie die Anfrage in AngularJS wegen Fehler 'Access-Control-Allow-Headers' ist nicht möglich. Ich habe ein paar Fragen dazu gesehen, aber habe die Lösung selbst nicht erkannt, weiß jemand wo (Client oder API) und wie kann ich beheben?

Answer 1

die folgenden in Ihrem API hinzufügen CORS unterstützen:

app.use(function(req, res, next) { 
    res.header("Access-Control-Allow-Origin", "*"); 
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS'); 
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization, Access-Control-Allow-Credentials"); 
    res.header("Access-Control-Allow-Credentials", "true"); 
    next(); 
});