Vue移动端项目 登录业务流程

登录业务流程

在写项目过程中经常遇到登录的业务逻辑的问题,这里对登录的业务流程做一个总结

首先我们需要进行验证,在通过验证之后请求后台数据,后端进行验证
在这里插入图片描述
而如果登录成功之后则需要把服务端返回的用户信息存储到localStorage中,并给state中的currentUser赋值。而服务端会返回一个token存储在cookie中。
在这里插入图片描述
在这里插入图片描述
而在currentUser中需要在localStorage获取一下cuser的值以用来判断这几天是否登录过,如果没有就赋值为空对象。而在请求后端接口的时候都会验证有无token,如果请求头中没有携带token也会请求失败。

在这里插入图片描述
我们在需要验证是否登录的页面就可以主动验证是否登录,只需判断currentUser._id的值是否为空即可。
在这里插入图片描述 这样的话我们就完成了登录的业务流程,如果用户首次登录过之后就会存储一个token的值以用于掉用接口时验证,而我们也存储了一份用户信息在localStorage中以用于我们主动进行页面之间的验证。这样存储多份验证信息才是更为稳妥的做法。