поэтому у меня есть серверная служба, работающая на Heroku в конечной точке https://sample.herokuapp.com/
. Я пытаюсь отправить следующий объект JSON в конечную точку /bug/
:
{
"email": "[email protected]",
"name": "Anthony",
"text": "Test Bug",
"picture": "Empty"
}
Если я отправляю эти данные в Insomnia или Postman, они отлично работают и возвращают HTML-ответ с проанализированной информацией. Однако, когда я отправляю эти данные, используя следующий код в Ionic 3,
sendMail(type:string, text:string):void {
this.nativeStorage.getItem('sample').then((sample) => {
var data = new Object();
data["name"] = sample.name
data["email"] = sample.email;
data["picture"] = sample.picture;
data["text"] = text;
this.db.object('/general/sample').take(1).subscribe((sample) => {
var xhr = new XMLHttpRequest();
var endpoint = sample.address + sample.endpoints[type];
xhr.addEventListener("readystatechange", function () {
if (this.readyState === 4) {
console.log("Got response: " + this.responseText);
}
});
xhr.open("POST", endpoint);
xhr.setRequestHeader("Accept", "application/json");
xhr.setRequestHeader("Content-Type", "application/json");
console.log("sample sending: " + JSON.stringify(data, undefined, 2));
console.log("sample endpoint: " + endpoint);
xhr.send(JSON.stringify(data));
})
})
}
Я получил следующий журнал ошибок в Heroku:
2017-07-05T17:02:24.707431+00:00 heroku[router]: at=info method=OPTIONS path="/bug" host=sample.herokuapp.com request_id=5e679c8e-cac7-4ff2-9277-dec80a250c11 fwd="150.108.242.198" dyno=web.1 connect=1ms service=3ms status=200 bytes=215 protocol=https
Я провел много исследований по этому вопросу, и я считаю, что это проблема CORS. Однако я пытался использовать заголовки Access-Control-Allow-...
для решения этой проблемы, но получал те же ошибки.
Я установил плагин Cordova whitelist
и включил тег meta
в свой файл index.html
.
Это довольно сложный вопрос, поэтому я ценю всю помощь!