安装htttp协议库（axios）

#安装htttp协议库（axios）
##方式一 黑窗口
npm install axios
注意：需要在发送请求的页面 引入axios
import axios from “axios”
##方式二 git窗口
vue add axios
#登录验证
1.请求指定接口地址http://ceshi5.dishait.cn/admin
2.获取到登录表单中的数据【用户名 密码】
axios.post("/admin/login",this.form)
.then((res)=>{
console.log(res)
// 存储Vuex
let data = res.data.data
this.$store.commit("login",data)//本地存储//成功的提示this.$message(“登录成功”);
// 前往首页
this.$router.push({name:“index”})
})
3.请求成功

  4.请求失败
     如果用户登陆失败，返回响应对象err.response 并且判断错误码是否为true，则提示错误信息  并留在原页面

注意：编写完文件之后一定要重启项目
跨域请求：

初始化登录

显示登录成功后的用户数据信息

在页面中显示名称的位置处进行更改

登陆成功后的效果

动态获取用户头像并展示

刷新页面状态不能保持

1.首先我们要考虑什么情况下初始化用户信息？在哪个页面中进行设置？
我们需要在App.vue文件created初始化用户信息
2.测试created方法的调用

3.封装初始化用户信息方法

4.调用初始化用户信息方法

最终实现效果就是当刷新页面时 如果用户已登录则会展示已登录的用户信息

有什么问题大家可以留言哦！