vue 封装组件 获取登陆用户的信息

上图是一个获取用户信息的get请求，返回一个request，放在 src 下的 api 下的 login.js

导入组件： import { login, logout, getInfo } from '@/api/login'

 

在获取某登陆用户的信息，其实就是用 get 请求一个接口

例子：

<script>
import {getInfo} from '@/api/login'
……
methods: {
    getInfo() //其实这就是一个get请求
    .then((res)=>{
        console.log(res);
        // res.data 就是获取请求的数据 ， res.code 是请求的状态码   res.msg 是请求的消息
        // 实际的数据结构需要根据响应的请求数据来获取
        let user = res.data.data.user ; 
    })
},
mounted() {  // 挂载实例，实际上就是初始化
    this.getInfo()；  
}
</script>