Angular对接Asp.net Core WebAPI：如何避免自动调用触发刷新令牌？

针对你的问题，核心是让每分钟的自动API请求避开客户端的令牌刷新触发逻辑，以下是几个可行的落地方法：

方法1：给心跳请求添加自定义标记，让拦截器跳过刷新检查 #

在Angular的HTTP拦截器里，通常会在请求前检查JWT的剩余有效期，若低于阈值则触发刷新。你可以给这个每分钟调用的请求加一个自定义头，让拦截器识别后直接放行，不执行刷新逻辑。

客户端代码示例： #

发起请求时添加自定义头：

// Angular 组件/service 里的请求代码
import { HttpClient, HttpHeaders } from '@angular/common/http';

constructor(private http: HttpClient) {}

sendHeartbeat() {
  const headers = new HttpHeaders().set('Skip-Refresh-Check', 'true');
  return this.http.get('/api/user/heartbeat', { headers });
}

修改拦截器逻辑，跳过标记请求的刷新检查：

// Angular 令牌拦截器代码
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
  // 检查是否存在跳过刷新的标记头
  if (request.headers.has('Skip-Refresh-Check')) {
    // 移除自定义头后再转发请求，避免传到后端
    const cleanedRequest = request.clone({
      headers: request.headers.delete('Skip-Refresh-Check')
    });
    return next.handle(cleanedRequest);
  }

  // 原有令牌刷新逻辑（仅对非标记请求执行）
  const token = this.authService.getToken();
  const tokenExpiry = this.authService.getTokenExpiry();
  const now = Date.now();
  
  // 仅当令牌剩余有效期小于阈值（比如30秒）时才触发刷新
  if (token && tokenExpiry - now < 30 * 1000) {
    return this.authService.refreshToken().pipe(
      switchMap((newToken) => {
        const authReq = request.clone({
          setHeaders: { Authorization: `Bearer ${newToken}` }
        });
        return next.handle(authReq);
      })
    );
  }

  // 正常添加令牌到请求头
  const authReq = request.clone({
    setHeaders: { Authorization: `Bearer ${token}` }
  });
  return next.handle(authReq);
}

方法2：调整令牌刷新阈值，避免频繁触发 #

如果不想修改请求标记，也可以把客户端的刷新阈值从常见的“剩余5-10分钟”缩小到“剩余30秒内”。这样只要你的JWT有效期（比如1小时）远大于每分钟的调用间隔，自动请求就不会触发刷新，只有当用户真的快要过期且有操作时才会刷新令牌。

修改拦截器里的阈值判断： #

// 把原来的阈值（比如5*60*1000）改成30秒
if (token && tokenExpiry - now < 30 * 1000) {
  // 执行刷新逻辑
}

注意事项 #

• 确保这个自动调用的API仅用于身份识别，不涉及敏感操作，避免跳过刷新带来的风险。
• 后端仍需正常验证JWT的有效性，不能因为客户端跳过刷新就放松令牌校验。

内容的提问来源于stack exchange，提问作者Yvkevitch