Reactjs

Question

我正在使用 Reactjs，我正在尝试使用 Axios 执行 POST 请求以使用 Nexmo 发送短信。我可以收到 SMS，但我在控制台上出现此错误 No 'Access-Control-Allow-Origin' header is present on the requested resource。因此不允许来源“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 帐户，因此您不应将这些凭据暴露给应用程序的 "users"。这通常意味着您应该只使用来自服务器的 API 的密钥和秘密凭证。

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

Reactjs - Axios - Nexmo POST 请求不工作（否 'Access-Control-Allow-Origin'）

Reactjs - Axios - Nexmo POST request not working (No 'Access-Control-Allow-Origin' )

post

access-control

axios

vonage