axios调用api接口

1.导入axios以发送ajax请求

打开main.js，import axios from ‘axios’;
设置请求的根路径：axios.defaults.baseURL = ‘
挂载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) ("登录失败:"+res.meta.msg)
}
this.$message.success(‘登录成功‘)
console.log(res)
//保存token
window.sessionStorage.setItem(‘token‘, res.data.token)
// 导航至/home
this.$router.push(‘/home‘)
})
}

原文：https://www.cnblogs.com/gracexin/p/14778968.html