登录概述
1.登录业务流程
①在登录页面输入用户名和密码
②调用后台接口进行验证
③通过验证之后,根据后台的响应状态跳转到项目页
2.登录业务的相关技术点
- http 是无状态的
- 通过cookie在客户端记录状态
- 通过session在服务器端记录状态
- 通过token方式维持状态
说明:现在做的这个vue项目运行在一个新的端口号,服务器可能与前端vue项目之间存在跨域问题,
如果前端和后台接口之间不存在跨域问题,那么推荐大家使用cookie和session来记录登录状态,
反之,如果前端与服务器之间存在跨域问题,那么需要使用token的方式来维持登录状态。
登录——token原理分析
登录功能实现
1.登录页面的布局
通过Element-UI组件实现布局
- el-form
- el-form-item
- el-input
- el-button
- 字体图标
创建一个子分支
git checkout -b 分支的名字
例:git checkout -b login
查看当前项目中的所有分支
git branch