Campo di intestazione richiesta Access-Control-Allow-Origin non consentito da Access-Control-Allow-Headers nella risposta preflight

Question

Viene visualizzato il seguente errore quando si tenta di caricare una mia pagina Web: campo dell'intestazione della richiesta Access-Control-Allow -Origin non è consentito da Access-Control-Allow-Headers nella risposta di preflight.

Ho esaminato altre risposte che rispondono a questo problema e indicano mancanza di supporto CORS. La cosa confusa è che ho un supporto cors! Almeno penso di sì.

sto provando a connettersi Zingchart al mio angolare front end JS e utilizzando una richiesta AJAX per ottenere i dati dal mio REST API (a localhost: 3000)

Qui è la mia chiamata AJAX:

window.feed = function(callback) { 
    $.ajax({ 
     type: "GET", 
     dataType: "json", 
     headers: { 
      Accept: "application/json", 
      "Access-Control-Allow-Origin": "*" 
     }, 
     url: "http://localhost:3000/readings", 
     success: function (data) { 
      var mem = data.mem.size/10000; 
      var tick = { 
       plot0: parseInt(mem) 
      }; 
      callback(JSON.stringify(tick)); 
     } 
    }); 

mio implementazione API REST include quanto segue:

// CORS Support 
app.use(function(req, res, next) { 
    res.header('Access-Control-Allow-Origin', '*'); 
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); 
    res.header('Access-Control-Allow-Headers', 'Content-Type'); 
    next(); 
}); 

mio API REST è stato costruito con l'aiuto di questo tutorial: https://www.youtube.com/watch?v=OhPFgqHz68o

Answer 1

Estrarre lo "headers" e "dataType". La richiesta sarà quindi simile a questa:

$.ajax({ 
    type: "GET", 
    url: "http://localhost:3000/readings", 
    success: function (data) { 
     var mem = data.mem.size/10000; 
     var tick = { 
      plot0: parseInt(mem) 
     }; 
     callback(JSON.stringify(tick)); 
    } 
}); 

Le intestazioni stanno attivando la richiesta di preflight.

Se stai usando angolare, mi piacerebbe altamente non suggerirei di usare jQuery per AJAX e di utilizzare invece angolare di built-in $http service.

Sono al team di ZingChart. Holler se possiamo aiutarti con i tuoi grafici.