文章目录
- 1.vue-admin-admin介绍
- 2.运行方法
- 3.代码解读
- 3.1基础外层文件解读,以及eslint关闭(如下图)
- 3.2内层src文件分析
- 3.2.1 login流程解析
1.vue-admin-admin介绍
1.1 是一个后台前端解决方案(vue+elementui),内置i18国际化解决方案,动态路由,权限验证。
1.2可以快速搭建企业级中后台产品原型
1.3项目地址:项目地址
2.运行方法
2.1 运行指令如下
# 进入项目目录
cd vue-element-admin
# 安装依赖
npm install
# 运行
npm run serve
2.2 结果截图(登录后)
3.代码解读
3.1基础外层文件解读,以及eslint关闭(如下图)
3.2内层src文件分析
3.2.1 login流程解析
3.2.1.1 找到src/views/login/login.vue文件
3.3.1.2 分析login流程
- 1.点击登录执行的根函数如下
- 2.发起网络请求,存储token
- 登录前的拦截(有token放行,没有token重定向到login页面)