VUE项目实战7登录与退出功能开发准备

Posted 2021-08-30 光仔December

接上篇《6、后台项目的安装配置》
上一篇我们部署了一个可以提供接口的后台项目，并且调试通了登录接口。本篇就来梳理登录的需求和相关技术点。

首先我们先来描述一下需求。

一、登录概述

1、登录业务流程
①在登录页面输入用户名和密码
②点击登录按钮，调用后台接口进行验证
③通过验证后，根据后台的响应状态跳转到项目主页

2、登录业务的相关技术点
因为http是无状态的，如果要保持用户登录后的在线状态，需要一种记录状态的方式，通常有以下3中方式：
●通过cookie在客户端记录状态
●通过session在服务器端记录状态
●通过token方式维持状态

如果前端项目和后端接口之间不存在跨域问题， 推荐使用cookie和session来记录登录状态；相反，如果存在跨域问题，则需要通过token来维持登录状态。

现在我们做的VUE项目，它运行在一个新的端口号上，后台的接口项目可能是在另一个端口上运行，这就可能存在一个“跨域”的问题，所以我们需要采用token的方式保持登录状态。

二、登录——token原理分析

现在我们有客户端和服务器，服务器主要提供API接口，客户端通过Ajax来访问服务器上的数据接口。目前客户端和服务器之间存在跨域问题，需要使用token保持登录状态。

整个token值保持登录状态的流程如下：

token值由服务器生成，每个登录用户获取的token值都是不一样的。客户端拿到token值后，存储这个token值，后续所有的请求都需要携带token去请求，服务器会验证token是否存在，来反馈信息。

总结起来就是，token是用于客户端与服务器端进行身份校验使用的。

下一篇我们开始打开项目，创建分支，梳理项目结构，做好开发的所有前置准备工作。

参考：黑马程序员（www.itheima.com）Vue项目实战教学视频

转载请注明出处：https://blog.csdn.net/acmman/article/details/119269838