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