typescript Angular 2+:拦截器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typescript Angular 2+:拦截器相关的知识,希望对你有一定的参考价值。
import {ApiAuthService} from './api-auth.service';
import {HttpRequest, HttpEvent, HttpHandler, HttpInterceptor} from '@angular/common/http';
import {Injectable} from '@angular/core';
import {Observable} from 'rxjs/Observable';
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
constructor(private authService: ApiAuthService) {}
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
const copiedAuthRequest = req.clone({
setHeaders: {
Authorization: `Bearer ${this.authService.accessToken}`
}
});
return next.handle(copiedAuthRequest);
}
}
以上是关于typescript Angular 2+:拦截器的主要内容,如果未能解决你的问题,请参考以下文章
Angular 2 Typescript 编译错误
带有 Ionic 2 Angular 2 和 TypeScript 的 OpenPGP
如何部署我的 Angular 2 + Typescript + Webpack 应用程序
Angular 2+:如何在 Angular 的 Typescript 组件中解析 json 数据
如何使用 TypeScript 在我的 Angular 2 组件中声明模型类?
Angular 2\TypeScript 中 export 关键字的确切含义是啥?