后台
技术栈:vue、vue-router、axios、Element-UI、scss、H5、css3
技术亮点及难点:
1.相同结构的模块封装成组件,组件内使用 props自定义参数的属性,使用 <slot>插槽定义组件内自定义内容区域。
2.使用 axios 拦截器和 vue 路由守卫实现登录拦截的功能,判断存在 localStorage中的token是否携带,拦截用户的登录。
3.使用elementUI的上传组件完成头像上传的功能
4.3天免登陆功能:用户登录时将token与当前时间new Date()创建时间,保存在localstorage中,顶部组件每次挂载时结合当前时间判断一次token是否过期,过期则清理数据,并返回登录页。