Vue项目--登入功能

1 登陆概述

1.1 登陆业务流程

• 在登陆页面输入用户名和密码
• 调用后台接口进行验证
• 经过验证以后，根据后台的响应状态跳转到项目主页

1.2 登陆业务的相关技术点

问题：

• http 是无状态的

没法记录用户的登入状态

解决：
方案一：

• 经过 cookie 在客户端记录状态
• 经过 session 在服务器端记录状态

若是前端和后台接口不存在跨域问题，则推荐使用cookie和session

方案二：

• 经过 token 方式维持状态

若是前端和接口存在跨域问题，则使用token

登陆 — token 原理分析

1.3 登陆功能实现

1.3.1登陆页面的布局

在实现登陆页面布局以前须要添加新分支，并在新分支上进行开发

建立完新的分支以后测试项目是否能够启动成功

启动项目后能够看到这个页面，这是vue默认的页面