Node.js ExpressとNexmo、Vue.jsフロントエンドへのバックアップルートの接続方法

Question

私はapp.jsサーバで作業ルートを持っています。これは、Postman経由でNexmoを使用してSMSを送信します。

const Nexmo = require('nexmo') 

const nexmo = new Nexmo({ 
apiKey: 'myKey', 
apiSecret: 'mySecret' 
}, {debug: true}) 

app.post('/send', (req, res) => { 
// Sending SMS via Nexmo 
nexmo.message.sendSms(
    '4542542445', req.body.toNumber, req.body.message, {type: 'unicode'}, 
    (err, responseData) => {if (responseData) {console.log(responseData)}} 
    ); 
    }); 

私はフロントエンドにボタンを追加しようとしていますが、これをクリックすると、SMSを送信するPOSTメソッドが呼び出されます。これは私の単純なフロントエンドコードです。

<template> 

    <panel title="Send SMS 

     <v-flex> 
     <v-text-field 
     label="number" 
     id="number" 
     v-model="reservation.telefon" 
     ></v-text-field> 

     <v-text-field 
     label="message" 
     id="msg" 
     v-model="message" 
     ></v-text-field> 
     <v-btn id="button" @click="sendSms">Send</v-btn> 
     </v-flex> 
     </panel> 

     </v-layout> 
</template> 

私の質問は、私はreservation.telefonがTONUMBERで、メッセージは私が送信していたメッセージであるNexmoを、使用してSMSを送信するための簡単な方法を書くのですか、です。

Answer 1

ノードサーバーへのPOST要求を行うvueコードで関数を実装する必要があります。あなたはまた、私はあなたのコードに基づいてコードを追加していると私はこれらの中に実行@clickハンドラ

<v-btn id="button" @click="sendSms(reservation.telefon, message)">Send</v-btn>