首页 > 解决方案 > 使用 Twilio 验证和 Twilio 函数错误的无服务器电话验证

问题描述

我正在尝试使用此https://www.twilio.com/code-exchange/one-time-passcode-verification-otp在 Vuejs 中实现一个项目。我通过这个部署了我的功能。

我有一个自定义的 vuejs 应用程序,我在表单中使用它。

这是我的前端功能

verifyNumber() {

  var auMobilePrefix = “+61”;
  var m = this;
  m.mobileNumber = ‘’;
  m.mobileNumber = auMobilePrefix.concat(this.finalModel.mobile);
  // console.log(m.mobileNumber);

    const code = this.vcode;

    const data = new URLSearchParams();
    data.append(“to”, m.mobileNumber);
    data.append(“verification_code”, code);

    fetch(“https://verify-xxxx-xxxxx.twil.io/check-verify”, {
      method: ‘POST’,
      body: data
    })

    .then(response => response.json())
    .then(json => {
      if (json.success) {
        console.log(json.message);
      } else {
        console.log(json.message);
      }
    })
    .catch(err => {
      console.log(err);
    });
}

在我验证代码之后。我在控制台中收到以下错误:

verify-xxxx-xxxxx.twil.io/check-verify:1 加载资源失败:服务器响应状态为404()

MultiStepVerification.vue?280d:214 未找到请求的资源 /Services/VAxxxxxxx/VerificationCheck

我该如何解决这个问题?

更新

https://www.twilio.com/docs/verify/api/verification-check

这实际上是预期的行为。

Twilio 会在以下情况下删除验证 SID:

在验证服务日志下,我注意到我的测试状态为已批准。

标签: javascripttwilio

解决方案


您可以检查 Twilio Helper Library 版本,以确保它是最新的吗?

twilio 节点更改日志

您可以手动将 Twilio 帮助程序库版本添加到您的 Twilio 函数 NPM 依赖项,以覆盖默认使用的旧版本,当前为 3.29.2。

显示节点版本和 Twilio 助手库版本


推荐阅读