安装http协议库(axios)
方式一:黑窗口
npm install axios
注意:需要在发送请求的页面引入axios
import axios from “axios”
方式二:git窗口
vue add axios
登录验证
1-请求指定接口地址
http://ceshi5.dishait.cn/admin
2-获取到登录表单中的数据【用户名 密码】
3-请求成功
1、登录
1、把成功的数据通过commit的方法存储到vuex当中
2、使用sessionstorage方法存储到本地当中
3、获取成功的提示
4、最后去到首页
2、退出登录
1、初始化用户信息
2、清除用户状态
3、清除本地存储
4-请求失败
如果用户登录失败,返回响应对象err.response并且判断误码是否为true,则提示错误信息 并留在原页面
跨域
1- 在项目的根目录创建一文件 vue.config.js
注意:编写完文件之后一定要重启项目