Twilio API in angular8 Not Authorized “401 Unauthorized” 但在 Postman 上工作正常

Question

我正在尝试从 Angular8 应用程序调用 Twilio API，但出现下面提到的错误

错误文本是 message: "Http failure response for https://video.twilio.com/v1/Rooms: 401 Unauthorized" detail: "Your AccountSid or AuthToken was incorrect." 我在 angular 中使用的代码是

    const headers = new HttpHeaders({
      'Content-Type': 'application/x-www-form-urlencoded',
      'Authorization': 'Basic QUM2NjNiMmY4ZTM3NWY1NjUwMjg4ZDE4NzMYzA==',
      "UniqueName": Name
    });
    return this.httpclient.post('https://video.twilio.com/v1/Rooms', { headers: headers });
  }

我也尝试将 Content-Type 更改为 application/json 但仍然没有成功

我在 postman 中使用的相同代码并且工作正常

我的最终目标是创建空间并通过视频作为参与者加入

Answer 1

我强烈建议您不要从 front-end 应用程序进行此 API 调用。为此，您需要将您的凭据嵌入 front-end，恶意用户将能够提取它们并滥用您的帐户。

在您的情况下，您尝试将 base 64 编码参数包含在 Authorization header 中，我能够提取您的帐户 SID（尽管不是您的身份验证令牌，这很好现在为了您的安全！）。

如果您想向 Twilio 发出请求 API，我建议您从服务器端执行此操作，这样您可以确保您的凭据安全。

Twilio API in angular8 Not Authorized “401 Unauthorized” 但在 Postman 上工作正常

Twilio API in angular8 Not Authorized " 401 Unauthorized" but working fine on Postman

angular

twilio

twilio-api

twilio-video