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 关键字的确切含义是啥?