后管系统-login页面步骤分析

1.表单校验：

在login/index.vue中准备自定义校验

通过在utils/validate.js中填写验证规则 然后导入过去

2.封装登录接口：

在request.js中 设置baseURL

配合环境变量使用

在组件中调用登录接口

3.请求拦截器：

添加请求头

调用Mutation去添加token（注意命名空间写法）

4.代理转发：

在vue.config.js配置文件中的devServer里添加 以proxy( /api )开头就触发代理机制

修改了配置文件要重启

5.响应拦截器：

通过success的字段值判断是否需要主动抛出错误

脱壳解决data字段冗余

6.保存token到vuex中

7.token持久化

在utils/auth.js 提供了方法

在store/modules/user.js文件中 导入、引用