Почему мои данные POST не передаются должным образом в Ionic 4?

Question

Я обновляю свое приложение Ionic до версии 4 и столкнулся со странной проблемой, из-за которой я не уверен, что данные правильно передаются в мой API.

Я сократил это до базового уровня, насколько это возможно, и API все еще возвращает 401 Несанкционированную ошибку.

Я знаю, что API работает, потому что, когда я отправляю то же самое через Почтальона, я получаю ожидаемые данные ...

Я импортирую HttpClient ...

import { HttpClient, HttpHeaders } from '@angular/common/http';

А вот моя урезанная функция, которая запускается при нажатии кнопки отправки.

onSubmit() {

    const headers = new HttpHeaders({
        'Content-Type': 'application/x-www-form-urlencoded'
    });

    let body = {
        'username': 'test',
        'password': 'test',
    }

    this.http
        .post(this.apiService.url, body, { headers: headers })
        .subscribe((data: any) => {
            console.log(data);
        }, error => {
            console.log('error');
        });
}

Все это отлично работало в Ionic 3, поэтому я действительно не понимаю, почему он не работает сейчас.

Answer 1

Этот пост решил это за меня. Очевидно, Angular 5+ позаботится о заголовках для вас, поэтому все, что мне нужно было сделать, это удалить их, и это сработало.

onSubmit() {

    let body = {
        'username': 'test',
        'password': 'test',
    }

    this.http
        .post(this.apiService.url, body)
        .subscribe((data: any) => {
            console.log(data);
        }, error => {
            console.log('error');
        });
}

https://stackoverflow.com/a/47560146/10646827