Почему XMLHttpRequest работает, а Angular2 + возвращает 404?

Question

Я использую angular6.

Когда вызывается getHello, возвращается ошибка 404.

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable, of } from 'rxjs';
import { catchError, map, tap } from 'rxjs/operators';

const httpOptions = {
    headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

@Injectable({ providedIn: 'root' })

export class RequisicaoTransporteService {

    constructor(private http: HttpClient) { }

    getHello() : Observable<any> {
        return this.http.post('http://localhost:17844/api/requisicaotransporte/getHello',{},httpOptions)
    };

}

Вот как я это называю:

this.requisicaoTransporteService.getHello()
            .subscribe(x => this.hello = x);

Когда я делаю следующее, все работает нормально:

$.ajax({
  type: "POST",
  url: "http://localhost:17844/api/requisicaotransporte/gethello",

success:function(o){console.log(o);}

});

Сервер разрешает CORS.