04.vue发送短信逻辑

# 1.vue发送短信逻辑

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

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

- ```javascript
// axios.defaults.baseURL = "http://127.0.0.1:8000/"
axios.defaults.baseURL = "http://192.168.56.100:8888/"
```

```javascript
// 获取手机验证码
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)
})
},
```

04.vue发送短信逻辑

原文：https://www.cnblogs.com/ngngng/p/13779043.html