Angular调用外部API出现401错误，求排查与修复方案

可能的问题点及解决办法 #

1. 授权令牌或格式问题 #

401错误本质是身份验证失败，先确认核心信息：

• 把代码里的your_token替换为CollectAPI平台生成的真实有效令牌，检查是否存在复制错误、多余空格或特殊字符。
• 确保Authorization头的格式严格遵循apikey 你的真实令牌（注意apikey和令牌之间必须有一个空格）。

2. 请求头大小写问题 #

部分API服务器对请求头的大小写敏感，将Angular代码中的authorization改为首字母大写的Authorization：

const headers = new HttpHeaders ({
  'Authorization': `apikey ${this.token}`
});

3. 移除不必要的Content-Type头 #

GET请求通常不需要Content-Type头，多余的头可能触发API的验证逻辑，建议直接删除该头：

const headers = new HttpHeaders ({
  'Authorization': `apikey ${this.token}`
});

4. 先验证curl命令的有效性 #

先在终端执行替换真实令牌后的curl命令，确认接口本身可正常访问：

curl --request GET \
  --url https://api.collectapi.com/corona/countriesData \
  --header 'authorization: apikey 你的真实令牌'

如果curl也返回401，说明是令牌无效或权限不足，需要去CollectAPI平台检查令牌状态；如果curl能正常返回数据，再聚焦排查Angular代码的问题。

5. 调整HttpHeaders的构造方式（可选） #

有时直接构造HttpHeaders可能存在隐式问题，可尝试用append方法构建请求头：

let headers = new HttpHeaders();
headers = headers.append('Authorization', `apikey ${this.token}`);

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