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

登录业务流程

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

首先我们需要进行验证，在通过验证之后请求后台数据，后端进行验证

而如果登录成功之后则需要把服务端返回的用户信息存储到localStorage中，并给state中的currentUser赋值。而服务端会返回一个token存储在cookie中。


而在currentUser中需要在localStorage获取一下cuser的值以用来判断这几天是否登录过，如果没有就赋值为空对象。而在请求后端接口的时候都会验证有无token，如果请求头中没有携带token也会请求失败。

我们在需要验证是否登录的页面就可以主动验证是否登录，只需判断currentUser._id的值是否为空即可。

这样的话我们就完成了登录的业务流程，如果用户首次登录过之后就会存储一个token的值以用于掉用接口时验证，而我们也存储了一份用户信息在localStorage中以用于我们主动进行页面之间的验证。这样存储多份验证信息才是更为稳妥的做法。