Vue项目--登入功能

1 登录概述

1.1 登录业务流程

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

1.2 登录业务的相关技术点

问题：

• http 是无状态的

无法记录用户的登入状态

解决：
方案一：

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

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

方案二：

• 通过 token 方式维持状态

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

登录 — token 原理分析

1.3 登录功能实现

1.3.1登录页面的布局

在实现登录页面布局之前需要添加新分支，并在新分支上进行开发

创建完新的分支之后测试项目是否可以启动成功

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

如果要在vue文件中使用less，需要安装less-loader 和 less

问题：由于less-loader版本过高
降低版本后可正常使用
npm install less-loader@5.0.0 -s