首页 > 其他 > 详细

vue发送短信逻辑

时间:2020-10-07 21:52:56      阅读:38      评论:0      收藏:0      [点我收藏+]

1.vue发送短信逻辑

- 前端函数如下,js方法代码无需更改,前端代码逻辑在`components\common\lab_header.vue`

- 只需要修改`components\axios_api\http.js`中调用的后端地址

// axios.defaults.baseURL = "http://127.0.0.1:8000/"
    axios.defaults.baseURL = "http://192.168.56.100:8888/"
    // 获取手机验证码
    sendcode() {
      // 0. 判断是否发送中
      if (this.is_send) {
        return
      }
      this.check_phone()
      this.check_imgcode()
      if (this.phone_error || this.imgCode_error) {
        return false
      }
      // 3、短信发送
      // imgCode: ‘‘,
      // uuid: ‘‘,
      var data = { phone: this.phone, image_code_uuid: this.uuid, image_code: this.imgCode }
      this.is_send = true
      send_phone_code_post(data).then((res) => {
        console.log(res)
        if (res.code != 0) {
          this.errorMsg = res.msg
          return
        }
        let t = 10
        let si = setInterval(() => {
          this.msgButtonText = t
          t = t - 1
          if (t == 0) {
            this.is_send = false
            this.msgButtonText = ‘获取手机验证码‘
            clearInterval(si)
          }
        }, 1000)

        // if (res.data.code == 200) {
        //   console.log(‘短信发送成功‘)
        //   alert(res.data.message)
        // } else {
        //   alert(res.data.message)
        // }
      }).catch((err) => {
        console.log(err)
      })
    },

 

vue发送短信逻辑

原文:https://www.cnblogs.com/spbyyy/p/13779046.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!