Polymer.js Eisen-Ajax-Header grundlegende Autorisierung funktioniert nicht

Question

Ich mache eine Cross-Ursprungs-Anfrage, um eine JSON-Antwort von der URL, die eine Standard-Authentifizierung hat. Auf Knopfdruck stellen Sie also die Header für die Standard-Authentifizierung ein. Wenn ich die Werte ausdrucke, bevor die Anfrage gesendet wurde, sehe ich sie. Aber wenn ich das Chrome-Dev-Tool für die Anfrage überprüfe, sehe ich nicht, dass die Header gesetzt wurden. Auch die Anforderung wird zu einer "Options" -Anforderung von "GET" -Anforderung und die Antwort kommt als 401 nicht autorisiert. Gibt es etwas, das fehlt?

<paper-input type="search" value="{{imageUrl}}" placeholder="Enter Image URL"></paper-input> 
    <div class="buttons"> 
    <paper-button on-tap="getData" autofocus>Search</paper-button> 
    </div> 
    <iron-ajax 
    id="xhr" 
    url="https://api.com/v1" 
    params='{"url":"some query value"}' 
    handle-as="json" 
    method="GET" 
    last-response="{{ajaxResponse}}"></iron-ajax> 

    getData: function(){ 
    this.$.xhr.headers['X-Requested-With'] = "XMLHttpRequest"; 
    this.$.xhr.headers['Authorization'] = this.makeHeaders(this.user, this.password); 
    this.$.xhr.generateRequest(); 
    } 

Answer 1

standardmäßig iron-ajax nicht die credentials standardmäßig für Cross-Site senden Anfragen

Sie können dies ändern, indem Sie die withCredentials Eigenschaft auf der iron-ajax Einstellung:

<iron-ajax 
    id="xhr" 
    url="https://api.com/v1" 
    params='{"url":"some query value"}' 
    handle-as="json" 
    with-credentials="true" 
    method="GET" 
    last-response="{{ajaxResponse}}"></iron-ajax> 

oder

this.$.xhr.withCredentials = true;