MEAN应用中Angular token拦截器在登录API请求前执行问题

1. Angular HTTP拦截器默认全局生效，所有发出的HTTP请求都会触发拦截逻辑，包括登录这类未认证状态下发起的公开接口请求，此时本地还未存储token，自然不会添加Authorization头，这个属于拦截器的正常运行逻辑。
2. 你给出的代码存在核心语法错误：intercept方法要求必须返回Observable<HttpEvent<unknown>>类型的请求流，你的代码没有写return next.handle(req)，会直接导致所有HTTP请求被拦截中断，哪怕后续有token也无法正常发出请求。

你需要先补全拦截器的返回逻辑，再新增公开接口白名单过滤逻辑，跳过登录、注册等不需要携带token的接口即可，修复后的代码如下：

intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
    // 配置不需要加token的公开接口路径，根据你的实际业务调整
    const publicApiList = ['/api/login', '/api/register'];
    // 匹配到公开接口直接放行，不做token头添加逻辑
    if (publicApiList.some(apiPath => request.url.includes(apiPath))) {
        return next.handle(request);
    }

    const token = localStorage.getItem('token');
    let handledReq = request;
    if (token) {
        handledReq = request.clone({
            setHeaders: {
                // 注意和后端约定的Header键名保持一致，常用规范为首字母大写的Authorization
                Authorization: `Bearer ${token}`
            }
        });
    }
    // 返回处理后的请求流
    return next.handle(handledReq);
}

• 登录接口请求成功拿到token后，需要立即调用localStorage.setItem('token', 接口返回的token值)存储，后续发起的非公开接口请求就会自动携带Authorization头。
• 如果你的后端对Header键名有自定义要求（比如要求小写的authorization），可以自行调整代码里的Header键名，避免前后端不匹配导致认证失败。
• 如果公开接口用的是全路径地址，可以调整匹配规则为全等判断request.url === 'https://你的域名/api/login'即可。

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