可以使用Angular的HttpClient模块来发送请求并接收响应。可以在发送请求之前拦截请求并在其中添加Authorization头来包含Bearer Token。拦截器还可以检查Bearer Token是否过期,并在必要的情况下刷新它。
以下是一个拦截器的示例代码,用于检查Bearer Token是否过期:
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
import { AuthService } from './auth.service';
@Injectable()
export class TokenInterceptor implements HttpInterceptor {
constructor(public auth: AuthService) {}
intercept(request: HttpRequest, next: HttpHandler): Observable> {
// Add Authorization header with bearer token
request = request.clone({
setHeaders: {
Authorization: `Bearer ${this.auth.getToken()}`
}
});
// Check if token is expired and refresh if needed
if (this.auth.isTokenExpired()) {
this.auth.refreshToken().subscribe(
() => {},
error => {
this.auth.logout();
}
);
}
return next.handle(request);
}
}
需要注意的是,这里使用的AuthService类需要实现getToken(),isTokenExpired()和refreshToken()方法。
在app.module.ts中将拦截器添加到providers数组中:
@NgModule({
imports: [],
declarations: [],
providers: [
AuthService,
{
provide: HTTP_INTERCEPTORS,
useClass: TokenInterceptor,
multi: true
}
]
})
export class AppModule {}
这些代码将会在每次发出HTTP请求的时候都自动被调用。如果Bearer Token已经过期,它会尝试刷新Token并重新发出请求,以便能够继续使用应用程序。