Javascript Node.js Express和Nexmo，如何将备份路由连接到Vue.js前端

我的app.js服务器中有一条工作路径，它通过邮递员使用Nexmo发送短信

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)}}
    );
  });

我正在尝试做的是在我的前端添加一个按钮，点击它就会调用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>

您必须在vue代码中实现向节点服务器发出POST请求的函数。它看起来像这样：

function sendSms(number, message) {
  var httpRequest = new XMLHttpRequest();

  httpRequest.onreadystatechange = console.log;
  httpRequest.open('POST', '/send');
  httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  httpRequest.send('toNumber=' + encodeURIComponent(number) + '&message=' + encodeURIComponent(message));
}

您还需要稍微更改前端以更新@click处理程序

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

发送
我已根据您的代码添加了代码，按下按钮时遇到了这些代码。这对你有什么意义吗？我在这里添加了图像链接，如果有帮助的话，我的客户端和服务器位于单独的文件夹中