1.導入axios以發送ajax請求
打開main.js，import axios from ‘axios’;
設置請求的根路徑：axios.defaults.baseURL = ‘http://127.0.0.1:8888/api/private/v1/’;
掛載axios：Vue.prototype.$http = axios;
2.調用登錄接口
login() {
//點擊登錄的時候先調用validate方法驗證表單內容是否有誤
this.$refs.LoginFormRef.validate(async valid => {
console.log(this.loginFormRules)
//如果valid參數為true則驗證通過
if (!valid) {
return
}
//發送請求進行登錄
const { data: res } = await this.$http.post('login', this.loginForm)
// console.log(res);
if (res.meta.status !== 200) {
return this.$message.error('登錄失敗:' + res.meta.msg) //console.log("登錄失敗:"+res.meta.msg)
}
this.$message.success('登錄成功')
console.log(res)
//保存token
window.sessionStorage.setItem('token', res.data.token)
// 導航至/home
this.$router.push('/home')
})
}