axios调用api接口

Posted 2021-05-17 小赵在此

目录

• 1.导入axios以发送ajax请求
• 2.调用登录接口

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\')
})
}