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) }) },