在Angular 2中,可以通过HttpInterceptor来向header添加授权信息。HttpInterceptor是一个拦截器,可以在每个HTTP请求发送之前或之后对请求进行处理。
首先,需要创建一个实现HttpInterceptor接口的拦截器类。在这个类中,可以通过修改请求的header来添加授权信息。以下是一个示例:
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
// 在header中添加授权信息
const authRequest = request.clone({
setHeaders: {
Authorization: 'Bearer your_token_here'
}
});
return next.handle(authRequest);
}
}
接下来,需要将这个拦截器注册到Angular的HTTP拦截器链中。可以在AppModule中的providers数组中添加该拦截器:
import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthInterceptor } from './auth.interceptor';
@NgModule({
imports: [HttpClientModule],
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: AuthInterceptor,
multi: true
}
]
})
export class AppModule { }
现在,每次发起HTTP请求时,拦截器都会自动将授权信息添加到请求的header中。
关于Angular 2的接口调用和HTTP模块的更多信息,可以参考腾讯云的产品文档:Angular 2 HTTP模块
领取专属 10元无门槛券
手把手带您无忧上云