一、基础环境配置
1.vue-element-admin后台集成方案
2.搭建项目前的一些基本准备
(1)nodejs环境
(2)git版本控制
(3)npm淘宝镜像
(4)vscode编辑器
3.项目模板启动
(1)git拉取基础项目模板
(2)安装项目依赖
4.目录结构
5.项目运行机制
(1)main.js
(2)App.vue
(3)Vuex结构
(4)scss
(5)icon
6.API模块和请求封装模块介绍
(1)Axios的拦截器介绍
7.建立远程Git仓库并完成初始提交
二、登录模块
1.表单校验
2.Vue-Cli配置跨域代理
(1)**开发环境的跨域**
(2)配置反向代理
3.封装单独的登录接口
4.封装Vuex的登录Action并处理token
5.处理axios响应拦截器
6.登录页面调用登录action
7.主页的token拦截处理
(1)权限拦截处理流程图
(2)流程图转化代码
三、主页模块
1.访问权限拦截
2.token注入和token失效的主动介入
首先在登录action中存入时间戳
在请求拦截器中注入token
点击空白处退出提示
评论