1.技术栈:vue,vue-cli,vue-router,vuex,axios,element-ui
2.通过vue-router提供的beforeEach(路由守卫),结合本地存储的token实现路由拦截,登录验证
3.通过aixos请求拦截,例如配置全局loading,根据请求状态码进行错误处理,封装axios和请求方法,实现请求逻辑,业务逻辑的分离,增强复用性,维护性
4.通过vuex配合公共请求,实现全局数据共享以及交互,减少请求
5.通过拆分API接口和业务逻辑,达到请求逻辑,业务逻辑的分离,增强复用性,维护性
6.通过async-await声明请求,使业务逻辑更加清晰
点击空白处退出提示
评论