Question

我的app.js服务器上有一条工作路线，它通过Postman使用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>

我的问题是，我如何编写一个使用Nexmo发送短信的简单方法，其中reservation.telefon是toNumber，message是我发送的消息。

Answer 1

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

int sum = 0;
for(int i = 0; i < n; i++) {
    sum += array[n*thread_id + i];
}

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

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

Node.js Express和Nexmo，如何将支持的路由连接到Vue.js前端

1 个答案: