一、先封装好后台给的登录接口,我在这里举个例子
/**
* @description: 获取用户资料
* @param {*}
* @return {*}
*/
export function getProfile() {
return request({
url: '/sys/profile',
method: 'post'
})
}
二、 配置vuex,因为用户信息是全局各个组件要经常用到的,所以最好存储到vuex中,我这里把用户信息单独建立了一个user模块存放
1.先在state中定义
const state = {
userInfo: {}
}
2.封装mutaion,配置一个设置和删除用户信息的方法
mutations:{
// 省略其他...
// 设置用户信息
setUserInfo(state, userInfo) {
state.userInfo = userInfo
},
// 删除用户信息
reomveUserInfo(state) {
state.userInfo = {}
}
}
3.封装action,因为调接口是异步操作,需要在action里操作
import { getProfile } from '@/api/user'
actio