一.项目代码理解
1.src/main.js
入口js,注册全局组件(Vue,Cookie,Element,store,router等),渲染App组件到页面
2.src/App.vue
定义全局router-view,以便显示路由组件(缺省路由 /)
3.src/permission.js
定义路由拦截器,拦截所有的路由。
拦截过程中,完成是否登录校验,根据用户角色动态挂载路由
4.src/router/index.js
定义路由表
5.定义登录组件
src/views/login/index.vue
6.验证函数(用户名的验证)
src/utils/validate.js
7.用户登录函数
src/store/modules/user.js
8.调用请求api
src/api/user.js
9.service对象,基于axios发送web请求
src/utils/request.js