Angular 6 - 在应用程序初始化时接收 HTTP GET 请求

Question

当我的 Angular 应用程序第一次启动时，即在 Web 应用程序的页面返回到客户端浏览器之前，我想从最初请求该应用程序的 HTTP 请求中提取一些信息。

具体来说，我想从 Angular 应用程序内部访问调用 Angular 应用程序的 HTTP 请求的标头。

在 Angular 6 中有没有办法做到这一点？

谢谢

Answer 1

你可以创建一个拦截请求的服务，实现HttpInterceptor接口，你可以克隆请求并推送你想要的，然后返回。

@Injectable() 导出类 RequestInterceptor 实现 HttpInterceptor {

constructor(private tokenService: TokenService) {}

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpSentEvent 
    | HttpHeaderResponse | HttpProgressEvent | HttpResponse<any> | HttpUserEvent<any>> {

        if(this.tokenService.hasToken()) {
            const token = this.tokenService.getToken();
            req = req.clone({
                setHeaders: {
                    'x-access-token': token
                }
            });
        }
        return next.handle(req);
}

不要忘记在模块中声明服务：

提供者：[{提供：HTTP_INTERCEPTORS，使用类：RequestInterceptor，多：真}]