springboot+vue的关于用户登录流程分析

关于用户登录相关流程

前端界面说明

如下图所示登录界面的ui

登录界面上面为账号输入文本框，下面为密码输入框，账号可以直接输入名称进行登录，密码框则为element自带的一个密码框，默认都为显示*，只有点击右边的眼睛才能看到输入什么密码，点击后的效果如下；

这是element自带的组件

如图只要在el-input组件加上show-password就可以实现该效果
登录成功弹出登录成功框并且跳转到相关界面
登录失败也会跳出失败提示框
通过在methods方法类里的相关方法添加this.message.（success和error）实现该效果，success是绿色的、error是红色的，效果如下图所示。