Базовый Auth заголовок не отправляется в Angular GET

Question

У меня есть приложение Spring Boot Angular с безопасностью Basic Auth.Когда я открываю URL-адрес в браузере, отображается окно основного браузера для обычной аутентификации, в котором я могу ввести информацию о базовой аутентификации.

Проблема заключается в том, что браузер не отправляет информацию о базовой аутентификации на сервер сзапрос GET.

Может кто-нибудь объяснить, почему базовая информация об аутентификации из браузера не отправляется?

Общая информация запроса

Request URL: https://127.0.1.1:31000/my-application/rest/profile/
Request Method: GET
Status Code: 500 
Remote Address: 127.0.1.1:31000
Referrer Policy: no-referrer-when-downgrade

Заголовки запроса

Accept: application/json, text/plain, */*
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Host: 127.0.1.1:31000
Referer: https://127.0.1.1:31000/my-application/
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/72.0.3626.121 Chrome/72.0.3626.121 Safari/537.36

Заголовки ответа

Access-Control-Allow-Origin: *
cache-control: no-cache, no-store, max-age=0, must-revalidate
connection: close
content-type: application/json
date: Mon, 18 Mar 2019 07:51:49 GMT
expires: 0
pragma: no-cache
strict-transport-security: max-age=31536000 ; includeSubDomains
transfer-encoding: chunked
x-content-type-options: nosniff
X-Powered-By: Express
x-xss-protection: 1; mode=block

Служба Angular, которая используется

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { ProfileDTO } from './profile-dto';
import { Observable } from 'rxjs';

const profilesUrl = './rest/profile/';

@Injectable({
    providedIn: 'root'
})
export class ProfilService {
    constructor(private httpClient: HttpClient) {}

    fetchAllProfiles(): Observable<ProfileDTO[]> {
        return this.httpClient.get<ProfileDTO[]>(profilesUrl);
    }
 }

EDIT

Проблема не в том, что я не могу получить заголовки отклика, проблема в том, что заголовок авторизации не отправляется с запросом.

Я мог бы отправить основную информацию об аутентификации с запросом, например, с перехватчиком:

import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
import { Observable } from 'rxjs';
import { Injectable } from '@angular/core';

@Injectable()
export class AuthorizationHttpInterceptor implements HttpInterceptor {

    constructor() {
    }

    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        request = request.clone({
            setHeaders: {'Authorization': 'Basic dXNlcm5hbWU6cGFzc3dvcmQ='}
        });
        return next.handle(request);
    }
}

С перехватчиком все работает нормально.Заголовок авторизации отправляется бэкэнду.

Но проблема в том, что я не знаю, как получить базовую информацию об аутентификации из запроса базовой аутентификации основного браузера.

Может кто-нибудь сказать мнекак получить базовую информацию об аутентификации из приглашения браузера на базовую аутентификацию?

Я действительно думал, что заголовок авторизации добавляется браузером ...

Answer 1

Basic Auth формируется с использованием имени пользователя / адреса электронной почты и пароля, которые зависят от учетных данных сервера.Вы можете попробовать вот так

const basicAuth = username + ':' + password;
let Headers = new HttpHeaders();
Headers = Headers.append('Authorization', 'Basic ' + btoa(basicAuth));
return this.dataService.post<any>(URL, null, { headers: Headers })...

Answer 2

простой заголовок отправки услуги

класс экспорта ProfilService { конструктор (частный httpClient: HttpClient) {}

fetchAllProfiles(token): Observable<ProfileDTO[]> {

    let headers = new HttpHeaders().set('Content-Type', 'application/json');
        headers = headers.set('Authorization', 'Bearer ' + token);

            return this._httpClient.get('your-api', {params: httpParams, headers: headers})
          .map((response: ProfileDTO[]) => response);
      }

} }