Angular生产环境错误响应变更原因及修复方案咨询

我无法定位Angular项目中错误响应变更的根本原因。本地环境下的错误信息如下：

我基于该状态码编写业务逻辑，但生产环境的错误响应完全不同：

请问该错误含义是什么？如何修复？

相关代码 #

服务端请求代码 #

getScenarioByScenarioId(ID) {
  return this.http.get<any>(this.basePath + `scenario/` + ID, {
    headers: this.getHeader(),
  });
}
getHeader() {
  return {
    'Content-type': 'application/json',
    accept: 'application/json'
  }
}

HTTP拦截器代码 #

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    if (request.url.includes('configurations') || request.url.includes('gisMixedContent')) {
        return from(this.handleAccess(request, next));
    }

    return next.handle(request);
}

private async handleAccess(req: HttpRequest<any>, next: HttpHandler): Promise<HttpEvent<any>> {

    const getAuthToken = await this.authService.getAuthToken().toPromise();
    const changedReq = req.clone({
        setHeaders: {
            Authorization: `Bearer ${getAuthToken}`
        }

    });

    return next.handle(changedReq).toPromise();
}

错误含义分析 #

• 本地环境404 Not Found：请求的目标资源（指定ID的scenario）在本地服务器不存在，或请求路径配置有误。
• 生产环境401 Unauthorized：请求未携带有效的身份认证凭证，服务器拒绝提供访问权限。

问题根源 #

你的HTTP拦截器仅对包含configurations或gisMixedContent的URL添加Authorization认证头，而scenario/开头的请求未被拦截器处理：

• 本地环境可能未启用身份校验，因此仅返回资源不存在的404；
• 生产环境强制身份校验，缺少认证头的请求直接触发401权限错误。

修复方案 #

方案1：扩展拦截器匹配范围 #

修改拦截器的URL判断逻辑，让scenario相关请求也能自动添加认证头：

if (request.url.includes('configurations') || request.url.includes('gisMixedContent') || request.url.includes('scenario')) {
    return from(this.handleAccess(request, next));
}

方案2：全局统一添加认证头（更推荐） #

如果大部分业务请求都需要身份认证，建议去掉URL白名单逻辑，对所有请求统一添加认证头（仅排除少数无需认证的公共接口）：

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 排除无需认证的接口，例如登录、公共资源等
    const excludedPaths = ['/login', '/public'];
    if (excludedPaths.some(path => request.url.includes(path))) {
        return next.handle(request);
    }

    return from(this.handleAccess(request, next));
}

额外优化点 #

• GET请求无需设置Content-type头，可从getHeader()中移除，避免不必要的请求头干扰；
• 确认getAuthToken()方法在生产环境能稳定获取有效令牌，令牌过期或无效也会触发401错误；
• 同步本地环境的身份校验配置，缩小本地与生产的环境差异，避免类似逻辑偏差。

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