Reactjs - Axios - Nexmo POST 请求不起作用（没有“访问控制允许来源”）

Question

我正在使用 Reactjs，我正在尝试使用 Axios 发出 POST 请求，以便使用 Nexmo 发送 SMS。我可以接收短信，但控制台上出现此错误请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://localhost:3000' 不允许访问。 这是我的代码：

axios({
  method : 'post',
  url : 'https://rest.nexmo.com/sms/json',
  params:{
    api_key:'xxxxxxxxx',
    api_secret:'xxxxxxxxx',
    to:phoneNumber,
    from:'NEXMO',
    text:"New message"
  },
  headers:{
      'Content-Type': 'application/x-www-form-urlencoded'
  }
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

我该如何解决这个问题？谢谢

Answer 1

Nexmo SMS API 只能通过受信任且安全的客户端进行交互。使用 API 密钥和秘密凭证，您可以访问您的 Nexmo 帐户，因此您不应将这些凭证暴露给应用程序的“用户”。这通常意味着您应该只使用来自服务器的 API 的密钥和秘密凭据。

Nexmo Voice API 确实提供 JWT 身份验证支持，这将更适合客户端 API 交互，因为您可以创建非常短暂的令牌并控制令牌允许的资源和功能。但是 SMS API 仅提供密钥和秘密身份验证。