vue的練習專案(一)
阿新 • • 發佈:2018-12-18
寫了一個登入一個註冊頁面
主要是傳送post請求獲取資料,使用的是vue-resourse
貼出請求資料的方法:
submitForm(formName){ //請求資料 var api='http://118.25.229.125:8888/api/v1/login/'; this.$http.post(api,{username:this.loginForm.name,password:this.loginForm.pass},{emulateJSON: true}).then((response)=>{ console.log(response); //注意this指向 // 登入成功code為1000 this.code = response.body.code; this.$refs[formName].validate((valid) => { if(valid){ if(this.code == '1000'){ alert('success'); }else{ alert('使用者名稱或密碼錯誤') } }else{ console.log('error submit'); return false; } }) },function(err){ console.log(err); }); },
接下來要寫一個訂單頁面,獲取訂單資料需要有token,這裡我先將登入獲取的token拿過來
貼出請求訂單資料的get方法:
getOrder(){
var api = "http://118.25.229.125:8888/api/v1/order/";
this.$http.get(api, {params:{token:'230d2d8dc3b64d89739afe06aca5242c'},},{emulateJSON:true}).then((response)=>{
console.log(response);
})
}