Reactjs - Axios - NexmoのPOST要求が機能しない（No 'Access-Control-Allow-Origin'）

Question

私はReactjsを使用していますが、NexmoでSMSを送信するためにAxiosでPOSTリクエストをしようとしています。 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); 
}); 

私はこの問題を解決することができますか？ Thx

Answer 1

Nexmo SMS APIは、信頼できる安全なクライアントとのみ対話する必要があります。 APIキーと秘密の資格情報を使用すると、Nexmoアカウントにかなりのアクセス権があるので、それらの資格情報をアプリケーションの「ユーザー」に公開しないでください。これは通常、サーバーのAPIでキーと秘密の資格情報のみを使用する必要があることを意味します。

Nexmo Voice APIは、非常に短期間のトークンを作成し、トークンが許可するリソースと機能を制御できるため、クライアント側のAPIのやりとりに適したJWT認証サポートを提供します。しかし、SMS APIはキーと秘密の認証のみを提供します。