Twilio Voice JavaScript SDK拨号时如何在请求头添加Authorization密钥

可以实现，有两种常用落地方式，具体如下：

方案1：通过params字段传递验证信息（最推荐） #

device.connect() 传入的params会全部被提交到你配置的TwiML服务端点，直接把Authorization密钥放到params中，后端从POST请求体读取对应字段做校验即可，代码示例：

const params = {
  // 原有业务参数
  To: "目标号码",
  // 新增验证字段
  Authorization: "你的验证密钥内容"
};
const call = await device.connect({ params });

这个方案不用改SDK默认逻辑，兼容性最好，也是Twilio官方推荐的自定义参数传递方式。

方案2：拦截全局请求添加请求头 #

如果业务规范要求必须用标准Authorization请求头传递密钥，不能放在请求体，可以临时拦截浏览器请求，匹配到你的TwiML服务端点时自动加头，使用完恢复原始请求逻辑避免影响其他业务，示例如下：

// 先保存原生fetch方法
const originalFetch = window.fetch;
// 重写fetch逻辑，匹配目标地址时加头
window.fetch = (...args) => {
  const [requestUrl, config = {}] = args;
  // 替换为你自己的TwiML服务端点地址
  if (requestUrl === "https://你的服务地址/twiml-endpoint") {
    config.headers = {
      ...config.headers,
      "Authorization": "Bearer 你的验证密钥"
    };
  }
  return originalFetch(...args);
};

// 发起呼叫
const call = await device.connect({ params });

// 呼叫发起后恢复原生fetch，避免影响其他业务请求
window.fetch = originalFetch;

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