使用JQuery调用SonarQube Web API时授权失败问题求助

我之前也碰到过类似的坑，咱们一步步拆解问题根源，再给出解决方案：

核心问题1：JSONP不支持自定义HTTP头 #

你当前的请求用了dataType: 'jsonp'，但JSONP的工作机制是通过动态插入<script>标签加载资源，这种方式完全无法携带自定义HTTP头（比如Authorization）。这就是curl能成功、但Ajax请求带不上授权信息的关键——你的Authorization头根本没被发送出去！

而且JSONP本身不支持处理4xx/5xx这类错误状态码，这也解释了为什么Firefox显示200但实际拿不到正确响应的诡异情况。

核心问题2：Authorization头构造错误 #

SonarQube的Token授权规则是：用Token作为用户名，密码留空。对应到Basic Auth的编码，你需要把${TOKEN}:（注意末尾的冒号绝对不能丢）转换成Base64，而不是只编码Token本身。你之前的代码btoa(THIS_IS_MY_TOKEN)少了冒号，这也会直接导致授权失败。

解决方案步骤 #

1. 替换JSONP为普通JSON请求（前提：SonarQube允许CORS） #

如果你的前端页面和SonarQube服务器不在同一个域，需要先确认SonarQube是否配置了CORS支持。如果是你自己管理的SonarQube服务器，可以修改sonar.properties添加以下配置开启CORS：

sonar.web.cors.enabled=true
sonar.web.cors.allowOrigin=* # 或者指定你的前端域名更安全
sonar.web.cors.allowHeaders=Authorization,Content-Type

2. 修正Ajax请求代码 #

去掉jsonp相关配置，正确构造Authorization头：

$.ajax({
  url: `https://${MY_SERVER}/api/measures/component`,
  crossDomain: true,
  dataType: 'json', // 替换为普通json类型
  type: 'GET', // 显式指定请求方法
  headers: {
    // 注意末尾的冒号：Token作为用户名，密码为空
    'Authorization': 'Basic ' + btoa(`${THIS_IS_MY_TOKEN}:`)
  },
  data: {
    component: `${COMPONENT}`,
    metricKeys: 'coverage'
  },
  success: function(response) {
    console.log('数据获取成功:', response);
  },
  error: function(xhr, status, error) {
    console.error('请求失败:', xhr.status, error);
  }
});

3. 临时测试方案（无法修改SonarQube配置时） #

如果暂时没法调整SonarQube的CORS设置，可以在本地用反向代理（比如Nginx）把前端请求转发到SonarQube服务器，绕过跨域限制后再测试授权是否正常。

额外验证点 #

你提到复制Chrome的请求为curl后，添加-u ${THIS_IS_MY_TOKEN}:才能成功，这正好验证了Token需要带冒号的规则——-u参数的格式是用户名:密码，这里密码为空，所以末尾必须加冒号。

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