我们为了避免集群服务端所产生的不同session的登录认证问题，所以会使用浏览器自带的Cookie存储登录令牌

初始登录业务逻辑：

输入手机号，发送验证码，存入Redis，设置有效时间（手机号验证码分别为键值）

输入表单完成之后点击---登录，发AJAX请求到后台

通过REDIS验证验证码

查询Mysql是否存在member记录，不存在就新增

在Redis中setex一个以令牌为键，member为值的一条记录

令牌= 手机号+（当前时间（毫秒）+超时时间）

把令牌加入cookie响应回去，cookie名称随意

校验是否登录？

每次需要校验时候发送AJAX请求，后台遍历所有cookie，找到带有该名字的cookie

并通过Redis进行时间过期校验

后端代码

@RestController
@RequestMapping("/login")
public class LoginController {@ReferenceMobileLoginService mobileLoginService;@AutowiredJedisPool jedisPool;/*** 发送短信的逻辑，点击发送按钮即可发送短信*/@PostMapping("/send4Login")public Result sendLoginMessage(String telephone){Integer random=RandomNumberUtil.getNumber();boolean flag = new SendMassageUtil().sendSms(telephone, random);if (flag){/*** 如果发送成功，就把信息存到redis里面，以后使用。*/String telephone4LoginInRedis=telephone+"_Number4Login";String number4LoginInRedis=String.valueOf(random);jedisPool.getResource().setex(telephone4LoginInRedis,60*60,number4LoginInRedis);return new Result(true,"验证码发送成功");}else {return new Result(false,"验证码发送失败");}}@RequestMapping("/toLogin")public Result toLogin(HttpServletResponse response ,@RequestBody Map<String,String> map) throws JsonProcessingException {String telephone=map.get("telephone");String validate=map.get("validateCode");/*** 校验验证码是否正确，不正确就返回不正确，让重新输入* @return*/String testTelephone=telephone+"_Number4Login";if (!jedisPool.getResource().get(testTelephone).equals(validate)){String a=jedisPool.getResource().get(testTelephone);return new Result(false,"验证码不正确");}/*** 看手机号是否存在，不存在就注册**/mobileLoginService.addMemberIfHasNotTelephone(telephone);/*** 通过获取到的telephone去* 做一个token* 这个token包括现在时间加1天* 让这个token作为键，让telephone对应的member作为值，写入进redis**/long timeMillis = System.currentTimeMillis()+1000*60*60*12;String time4Token = String.valueOf(timeMillis);String token=telephone+"_"+time4Token;Member member=mobileLoginService.findMemberByTelephone(telephone);/*** json转换工具使用JACKSON,*/ObjectMapper objectMapper = new ObjectMapper();String member4Jedis = objectMapper.writeValueAsString(member);Jedis resource = jedisPool.getResource();resource.setex(token,60*12,member4Jedis);resource.close();Cookie cookie = new Cookie("ThisIsAShit",token);/*** cookie没有下面这两个用不了*/cookie.setMaxAge(6000);cookie.setPath("/");response.addCookie(cookie);return new Result(true,"登录成功");}/*** 写一个校验登录的方法*/@GetMapping("/toSeeIfLoginned")public Result toSeeIfLoginned(HttpServletRequest request) throws IOException {Cookie[] cookies = request.getCookies();/*** 没有就是未登录，过期了就是未登录*/for (Cookie cookie : cookies) {if (cookie.getName().equals("ThisIsAShit")){/*** 则为登录*/String value = cookie.getValue();/*** 如果在redis中查询到的值不是null，获取到用户信息*/if (jedisPool.getResource().get(value)!=null){/*** value为redis里的值，是member的字符串，我想在Result里* 把他作为对象放进去*/return new Result(true,"已经登录了",new ObjectMapper().readValue(value,Member.class));}else {return new Result(false,"未登录");}}}//没有这样的cookiereturn new Result(false,"未登录");}}

前端代码

<script>var vue = new Vue({el:'#app',data:{loginInfo:{}//登录信息},methods:{//发送验证码sendValidateCode(){var telephone = this.loginInfo.telephone;if (!checkTelephone(telephone)) {this.$message.error('请输入正确的手机号');return false;}validateCodeButton = $("#validateCodeButton")[0];clock = window.setInterval(doLoop, 1000); //一秒执行一次axios.post("/login/send4Login.do?telephone=" + telephone).then((response) => {if(!response.data.flag){//验证码发送失败this.$message.error('验证码发送失败，请检查手机号输入是否正确');}});},//登录login(){var telephone = this.loginInfo.telephone;if (!checkTelephone(telephone)) {this.$message.error('请输入正确的手机号');return false;}axios.post("/login/toLogin.do",this.loginInfo).then((response) => {if(response.data.flag){//登录成功,跳转到index.htmlwindow.location.href="index.html";}else{//失败，提示失败信息this.$message.error(response.data.message);}});}}});</script>