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

vue傳送簡訊的邏輯

1,只需要修改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) }) },