Angular 18 시리즈(23) HttpClient 인터셉터 사용

작은 쓰레기 같은 놈들 · 2024-9-25 14:11:48에 게시됨

요구사항: Angular 프레임워크에서는 HTTP 요청이 HttpClient를 기반으로 전송되며, Interceptor라는 미들웨어를 지원하며, 모든 HTTP 요청을 보내는 방식으로 Interceptor 메서드를 구현하면 쉽게 구현할 수 있습니다.

먼저, 다음 명령어로 새로운 Angular 프로젝트를 생성하세요:

로그인이 보이네요.

그 후 CLI 명령어를 통해 인터셉터를 생성하는데, 명령은 다음과 같습니다:

로그인이 보이네요.

인터셉터 함수는 요청의 URL 링크를 출력하고 요청 헤더를 추가하며, 소스 코드는 다음과 같습니다http-auth-interceptor.service.ts:

로그인이 보이네요.

app.config.ts 파일을 수정하여 다음과 같이 구성을 추가하세요:

로그인이 보이네요.

다음 코드가 포함된 컴포넌트에서 HTTP 요청을 보내보세요:

로그인이 보이네요.

렌더링은 다음과 같습니다:

참조:하이퍼링크 로그인이 보입니다.

작은 쓰레기 같은 놈들 · 2024-9-25 14:14:50에 게시됨

HttpAuthInterceptorService 소스 코드:

로그인이 보이네요.

[각] Angular 18 시리즈(23) HttpClient 인터셉터 사용

관련 게시물

본 섹션