홈>
import {Component, OnInit} from '@angular/core';
import {HttpClient, HttpErrorResponse, HttpResponse} from '@angular/common/http';
@Component({
selector: 'git',
templateUrl: './git.component.html'
})
export class GitComponent implements OnInit {
constructor(private http: HttpClient) {
}
ngOnInit(): void {
const headers = {authorization: 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzYXNobyIsImF1dGgiOiJST0xFX1VTRVIiLCJleHAiOjE1MjQwODcyMzJ9.MUv5RgI9LxQyrrCfjfX8HR2-XiQmz4vjLqH7V_0Du7VFLC0WrK_y3FfeNoT2Nj_uguIK2ss7jv-LNiHuCGtz4A'};
this.http.get('http://localhost:8080/links/all', headers)
.subscribe((e) => {
console.log(e);
}, (err: HttpErrorResponse) => {
console.log(err);
});
}
}
http.get
에서
인증을 어떻게 설정합니까?
const headers
에 저장된 베어러 토큰을 사용하고 싶습니다
. 그게 다야. 감사합니다
편집 : 인터셉터가 아닌 수동으로 설정하는 방법을 알고 싶었습니다. 인터셉터가있는 모든 자습서이므로 이해할 수 없었습니다.
- 답변 # 1
- 답변 # 2
다음과 같이 해보십시오 :
let authorization: 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzYXNobyIsImF1dGgiOiJST0xFX1VTRVIiLCJleHAiOjE1MjQwODcyMzJ9.MUv5RgI9LxQyrrCfjfX8HR2-XiQmz4vjLqH7V_0Du7VFLC0WrK_y3FfeNoT2Nj_uguIK2ss7jv-LNiHuCGtz4A' let header: Headers = new Headers; header.set('authorization', this.authorization); this.http.get('http://localhost:8080/links/all', {headers: header}).subscribe((e) => { console.log(e); }, (err: HttpErrorResponse) => { console.log(err); });
- 답변 # 3
모든 발신 요청에 토큰을 추가하기 위해 Angular http 인터셉터를 확인할 수 있습니다. https://medium.com/@ryanchenkie_40935/angular-authentication-using-the-http-client-and-http-interceptors-2f9d1540eb8
- 답변 # 4
헤더 객체내부다른 개체
get(....., { headers }
)두 번째 인수는 일반
참조options
입니다headers
에 대한 객체 , 요청params
등을 참조하십시오. https://angular.io/api/common/http/HttpClient(다른 답변과 달리
HttpHeaders
에서 헤더를 감쌀 필요가 없습니다. 허용되는 유형이 오버로드되었으므로 객체))
관련 자료
- typescript - Cors 제어를 위해 Angular 8 서비스에 헤더를 추가하는 방법
- 각도 재질 목록에서 헤더가있는 항목 제거
- rest - angular 7을 사용하여 post 할 수 없습니다 - 헤더가 작동하지 않습니다
- javascript - 요청 헤더 값을 보내지 않는 각도
- typescript - 로컬 스토리지에서 Angular 헤더 값을 설정하는 방법은 무엇입니까?
- typescript - 각도 읽기 HTTP 헤더 상태
- 각도 재질 테이블에서 헤더 표시 텍스트를 변경하는 방법은 무엇입니까?
- html - 끈적 끈적한 머리글과 바닥 글을 만드는 각도 재질
- lazy loading - 각도 8 머리글과 바닥 글 사이의 구성 요소 라우팅이 콘솔에 오류없이 표시되지 않음
관련 질문
- javascript : ESLint가 "@ typescript-eslint /eslint-plugin"을 인식하지 못합니다.
- javascript : 모달 각도 8에서 JSON의 HTML 데이터를 렌더링하는 방법
- javascript : keycloak .getKeycloakInstance ()가 동 기적으로 작동하지 않습니다.
- javascript : Angular 8의 새 탭에서 Blob PDF 기본 GUID 열기를 어떻게 변경할 수 있습니까?
- JavaScript를 사용하여 JSON 개체 매핑 및 축소
- javascript : Angular 및 peerjs로 ng-bootstrap을 설치할 수 없습니다.
- javascript : Angular 서비스 메서드 오류 : 포착되지 않은 SyntaxError : 예기치 않은 토큰 ':'
- javascript : 다양한 유형의 함수 선언 (foo () : void {} vs foo () {}) Angular2
- javascript : 요소의 html에서 nonBindable 단일 중괄호 : angular 2/4
- javascript : Splice가 배열 요소가 동일 할 때 마지막 요소 만 제거하는 이유
이것을 시도하십시오 :