VueDemo: 一个基于Vue、ElementUI、VueRouter和Vuex的后台管理系统

一个简单的Vue 后台管理项目 主要技术 Vue+Vuex+Vue-Router+Element-UI+Axios 安装依赖 npm install 运行项目 npm run dev 打包项目 npm run build 主要目录结构 api(接口文件) assets(资源文件) components(复用组件) config(配置:服务地址等) pages(页面) plugins(插件) router(路由) store(状态管理) utils(工具类) 主要完成功能 登录 登陆页(简单做了下),根据用户密码,服务端验证,用户信息存储在Vuex中 路由权限控制 首先设置基础路由(参考router下的basicRouters),登录成功后,跳转首页 路由设置导航守卫(router.beforeEach),根据权限获取可操作菜单,返回可操作路由(参考store下的permission.js)