vue 登录页面 登录成功后的操作行为

1. 将登录成功之后的 token,保存到客户端的 sessionStorage 中

         1.1 项目中出了登录之外的其他API接口,必须在登录之后才能访问

         1.2 token 只应在当前网站打开期间生效,所以将 token 保存在 sessionStorage 中

        window.sessionStorage.setItem('token', res.data.token)

2. 通过编程式导航跳转到后台主页,路由地址是 /home


显示登录结果


token将用户名存储至会话存储




通过路由导航守卫控制访问权限

未登录状态,不允许看到home页面。判断有没有token来选择是否看到页面

如果用户没有登录,直接通过URL访问特定页面,需要重新导航到登录页面




退出清空登录方式


点击后退出当前页面,返回登录页面



格式化代码:
将双引号的标记 全部识别为单引号


在代码中使用格式化代码,就可以实现

git仓库同步代码

git status  查看当前状态

git add .  新增同步代码

git commit -m "完成了登录功能"

git branch  查看分支

git checkout master 进入主分支

git merge login  将分支合并到主分支

将本低的login代码上传至云端  git checkout login

git branch 查看分支状态

git push -u origin login 上传远程仓库名称为login


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。