zoukankan      html  css  js  c++  java
  • Vue发送短信逻辑

    1.Vue发送短信逻辑

    • 前端函数如下,js方法代码无需更改,前端代码逻辑在componentscommonlab_header.vue
    • 只需要修改componentsaxios_apihttp.js中调用的后端地址
      • // axios.defaults.baseURL = "http://127.0.0.1:8000/"
        
     // 获取手机验证码
        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 seven day
    vue six day
    vue five day
    vue four day
    vue three day
    vue two day
    vue one day
    leetcode105-Golang根据前序遍历与中序遍历构建二叉树
    配置树莓派的frp反向代理与supervisor进程守护与开机自启脚本
    Golang实现二分查找算法
  • 原文地址:https://www.cnblogs.com/yimeng123/p/13782783.html
Copyright © 2011-2022 走看看