行测 Ubuntu Android防重复点击 百度搜索优化 docker安装部署 namespace CK jpa session video uiwebview vue全局组件 后台管理页面模板 后台界面 jq获取元素 mysql合并结果集 centos查看python版本 eclipse显示左边目录 matlab不等于怎么表示 yml文件注释 python数据 python语言入门 python的random函数 java正则替换 java初级入门教程 java删除数组中的某个元素 linux硬盘 linux系统简介 java网络编程实例 图吧导航怎么样 电池救星 路由器有辐射吗 js添加元素 模拟人生2夜生活 php正则匹配 免费微信答题制作 深入解析windows操作系统 虚拟声卡驱动 视频字幕制作软件 追评可以删除吗
当前位置: 首页 > 学习教程  > 编程语言

vue发送短信

2020/10/8 20:10:58 文章标签:

vue发送短信 1.前端函数如下,js方法代码无需更改,前端代码逻辑在components\common\lab_header.vue 2.只需要修改components\axios_api\http.js中调用的后端地址 // axios.defaults.baseURL "http://127.0.0.1:8000/"axios.defaults.baseURL "h…

vue发送短信

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

2.只需要修改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)
      })
    }

本文链接: http://www.dtmao.cc/news_show_250220.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?