本文详细介绍了如何使用Vue.js开发登录页面，包括创建新分支、梳理项目结构、利用Element-UI组件实现登录布局，如设置背景色、绘制登录框、头像等。同时，讲解了登录业务流程，涉及http无状态、cookie、session和token状态管理。最后，实现了登录组件的路由重定向，确保访问根路径时自动跳转到登录页面。
一.登录业务流程
1、在登录页面输入用户名和密码
2、调用后台接口进行验证
3、通过验证之后，根据后台的响应状态跳转到项目主页
二.登录业务的相关技术点
1、http是无状态的
2、通过cookie在客户端记录状态
3、通过session在服务器端记录状态
4、通过token方式维持状态（解决跨域问题）
跨域：协议、域名和端口至少有一个不同
登录功能实现
登录页面的布局
通过Element-U组件实现布局
el-form
el-form-item
el-input
el-button
字体图标
1、开发新功能，我们需要创建新分支 git checkout -b 分支名
git branch （查看分支） 带*为当前处于的分支
2、梳理项目结构
打开可视化面板（cmd 输入 vue ui）、http://loc
最低0.47元/天 解锁文章
扫一扫
5954
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
