首先先了解一下,我们的效果实现流程
首先登录概述及业务流程和相关技术点
1.登录页面的布局
2.创建两个Vue.js文件
3.一个我们来做登录页和注册页
4.登录页面的布局
5.配置路由
6.登录表单的数据绑定
7.登录表单的验证规则
8.登录表单的重置
9.登录预验证
10.登录组件配置弹窗提示
11.登录成功后的行为
12.将登录之后的token,保存到客户端的sessionStorage中
13.通过编程式导航跳转到后台主页,路由地址是默认路径 '/'
14.在我们首页的登出,组件配置弹窗提示,把我们的token使用removeItem删除
登录业务流程
1.在登录页面输入用户名和密码
2.调用后台接口进行验证
3.通过验证之后,根据后台得响应状态跳转到项目主页
登录功能实现
1.首先我们用路由守卫来验证登录,判断是否与需要登录
{
path:'/login',
name:"login&