1. 程式人生 > 實用技巧 >1.vue傳送簡訊邏輯

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