Vue前端发送短信逻辑

    科技2024-10-16  22

    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) }) },
    Processed: 0.037, SQL: 8