标签:src vue 登录 验证 admin js user Login element
src/main.js 入口js,注册全局组件(vue cookie element store route)等,渲染app组件到页面
登录:
1.src/permission.js:登录时,先验证是否存在token,存在,再验证有什么权限==》跳到后台,不存在==》跳转login登录页
2.src/views/login/index.vue:
2.1规则验证:
登录方法(handleLogin)=》表单验证(this.$refs.loginForm.validate:username:loginRules==》src/utils/validate.js==》return validUsername==》index.vue的validateUsername验证;)
登录方法(handleLogin)=》表单验证(this.$refs.loginForm.validate:password:loginRules==》index.vue的validatePassword验证;)
2.2数据请求验证:
this.$store.dispatch('user/login', this.loginForm) ==》src/store/modules/user.js(接收表单数据)==》src/api/user==》src/utils/request执行axios请求验证,code==20000 为true
标签:src,vue,登录,验证,admin,js,user,Login,element 来源: https://www.cnblogs.com/blqblog/p/16344259.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。