Полимерная железная форма withCredentials=true, если предпечатный запрос не работает
Я не понимаю, почему следующее iron-form
с withCredentials=true
не включает заголовок Authorization
на предполетный запрос OPTION
, Из-за отсутствия Authorization
header, сторонний сервер, с которым я работаю, возвращает ошибку.
Может ли кто-нибудь просветить меня, пожалуйста?
<dom-module id="my-component">
<template>
<div class="card">
<form is="iron-form" method="post" action="#" id="myForm">
<paper-input name="input1" focused=true always-float-label label="Input1" type="number" required></paper-input>
<paper-input name="input2" always-float-label label="Input2" type="number" required></paper-input>
<paper-button raised on-click="submit" id="submitButton">Continue</paper-button><br /><br />
<paper-button raised id="cancelButton">Cancel</paper-button>
</form>
</div>
</template>
<script>
Polymer({
is: 'my-component',
listeners: {
'myForm.iron-form-response': 'myFormResponse',
'myForm.iron-form-error': 'myFormError'
},
submit: function(event) {
if (this.$.myForm.validate()) {
this.$.submitButton.disabled = true;
this.$.myForm.disabled = true;
this.$.myForm.withCredentials = true;
this.$.myForm.action = "http://localhost:9000/handleform";
this.$.myForm.headers['Authorization'] = 'Bearer ' + tokenObtainedFromSomewhere();
this.$.myForm.headers['content-type'] = "application/json";
this.$.myForm.submit();
}
},
myFormResponse: function(e) {
alert('Success!');
},
myFormError: function(e) {
this.$.submitButton.disabled = false;
this.$.myForm.disabled = false;
alert("Failed!");
}
});
</script>
</dom-module>