首页 > 解决方案 > 当我使用“浏览器刷新/重新加载”或 F5 刷新页面时,拦截器未执行

问题描述

我目前正在学习 Angular 7,但我面临问题并希望您能帮助了解发生了什么。我正在使用 JWT 身份验证(Spring Boot Security),每次单击时都会调用我的拦截器来设置令牌,然后再将请求发送到服务器。当我使用浏览器后退/前进时,一切正常。但是如果点击“浏览器刷新”,拦截器不会被调用,我会得到一个 Whitelabel 错误页面。我的问题是:1-为什么刷新不调用我的拦截器?2-你知道如何解决这个问题吗?

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpErrorResponse, 
HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { Router } from '@angular/router';
import { TokenStorage } from './public/portal/token.storage';
import 'rxjs/add/operator/do';

 const TOKEN_HEADER_KEY = 'Authorization';
@Injectable()
export class Interceptor implements HttpInterceptor {
constructor(private token: TokenStorage, private router: Router) {
}
intercept(req: HttpRequest<any>, next: HttpHandler): 
Observable<HttpEvent<any>> {
let authReq = req;
if (this.token.getToken() != null) {authReq = req.clone({ 
    headers:req.headers.set(TOKEN_HEADER_KEY, 'Bearer ' + 
    this.token.getToken()) });
}
return next.handle(authReq).do(
  (err: any) => {

    if (err instanceof HttpErrorResponse) {
      if (err.status === 401) {
        this.router.navigate(['login']);
      }
    }
    console.log(err.status);
  }
);
}
}

感谢你们对我的帮助

标签: angularspring-securityangular7jwt-auth

解决方案


推荐阅读