1. 获取token的工具类

问:为什么写工具类呢???
答:因为我们不知道前端将token怎么存储的,所以我们可以通过调用Token工具类来获取token。Token工具类会检查header、URL中的属性值、以及Cookie等等!!!

public class UserTokenUtil {public static String getToken(HttpServletRequest request, String tokenName) {String token = null;// 1. headertoken = request.getHeader(tokenName);if (StringUtils.isNotBlank(token)) {return token;}// 2. cookieCookie[] cookies = request.getCookies();if (cookies != null && cookies.length != 0) {for (Cookie cookie : cookies) {if (cookie != null && tokenName.equals(cookie.getName())) {token = cookie.getValue();break;}}}if (StringUtils.isNotBlank(token)) {return token;}// 3. parametertoken = request.getParameter(tokenName);return token;}}

2. header存储token

2.1 前端存储token

第一步安装:js-cookie

npm install --save js-cookie

第二步引入:(这里以vue开发为例,在main.js中引入!)

// 全局应用Cookieimport Cookie from 'js-cookie'Vue.prototype.$Cookie = Cookie

第三步:前端访问后端,得到token后进行存储。

// 向后端发送登录请求this.axios({method: "post",headers: {// 测试header保存数据"hahah": "text_header_save_Data"},url: "http://" + that.$store.state.host + "/zm-task/login/goLogin",data: {"loginNumber": that.ruleForm.user,"password": that.ruleForm.pass}}).then(function (res) {// console.log(res.data);//根据后端返回的状态查看账号是否正确if (res.data.code == 0) {// ===============cookie的操作 ================// 博文: https://blog.csdn.net/qq_16828495/article/details/120783389// 保存tokenthat.$Cookie.set("token", res.data.data.token);//登录成功后跳转到后台的个人信息界面that.$message.success("登录成功!");that.$router.push({path: "/userInfo"});} else {that.$message.error(res.data.message);}}).catch(err => {// 后端如果出现异常,前端会报401错误。 这里捕获401错误。//console.log(err.response.data)if (err.response != null) {this.$message.error(err.response.data.message);} else {this.$message.error("未知异常");}})

2.2 访问携带token

axios({method: "get",headers: {// 传输token用于验证当前登录用户"token": that.$Cookie.get("token"),},url: "http://" + that.$store.state.host + "/zm-task/login/updateEmail",params:{// 需要修改的邮箱属性"email": formName.email}}).then(res => {// 直接显示后端传来的信息that.$message.success(res.data.message);}).catch(err => {// 后端如果出现异常,前端会报401错误。 这里捕获401错误。if (err.response != null) {this.$message.error(err.response.data.message);} else {this.$message.error("未知异常");}})

2.3 后端获取token并进行验证(拦截器中进行验证)

@Slf4jpublic class UserLoginAuthInterceptor implements HandlerInterceptor {/** * * @param request : 请求(通过请求获取token登陆凭证) * @param response : 返回给前端的响应 * @param handler : 该参数中包含了对应方法的信息。比如:方法中的参数类型、参数的注解、方法的注解等信息。 * @return * @throws Exception : 向上抛出异常 */@Overridepublic boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {// 排除资源请求if (!(handler instanceof HandlerMethod)) {return true;}// 通过handler获取方法上面的Login注解HandlerMethod handlerMethod = (HandlerMethod) handler;Login login = handlerMethod.getMethod().getAnnotation(Login.class);//说明方法上面没有Login注解if (login == null){return true;}// 有Login注解,但是Login的属性值为falseif (Boolean.FALSE.equals(login.loginRequired())){return true;}// 获取请求头中的token请求String token = request.getHeader("token");// 根据token获取登陆的用户信息(登陆账号, 登陆ip, 用户权限0、1、2)UserLoginModel userLoginModel = JWTUtil.tokenToUser(token, request);// 获取当前请求的ip地址!!!(公网才有效果)String ipAddr = IPUtil.getIpAddr(request);if (StringUtils.isBlank(ipAddr)){throw new BizException(ServerEnum.IP_GET_ERROR);}if (userLoginModel == null){//todo redis保存ip地址,防止被爆刷接口throw new BizException(ServerEnum.LOGIN_ERROR);}// 这里只有线上测试才能有效果,非线上测试无效果! (ipAddr公网才能获取准确的IPv4)if (!ipAddr.equals(userLoginModel.getIP())){// 登陆IP 与 请求IP不相同,所以重新进行登陆log.error("登陆ip:{}, 请求ip:{}", userLoginModel.getIP(), ipAddr);//todo redis保存ip地址,防止被爆刷接口throw new BizException(ServerEnum.LOGIN_ERROR);}//使用ThreadLocal保存用户信息UserLoginInfoThreadLocalUtil.set(userLoginModel);return true;}/** * 在整个请求处理完毕后进行回调,也就是说视图渲染完毕或者调用方已经拿到响应。 * @param request * @param response * @param handler * @param ex * @throws Exception */@Overridepublic void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {//防止内存泄漏UserLoginInfoThreadLocalUtil.clear();}}

3. URL中的属性值

以这个地址为例:https://editor.csdn.net/md?articleId=125379150&name=Thomas
当进行Get或者Post请求的时候,在url后面添加参数便可以!!!

public class UserTokenUtil {public static String getToken(HttpServletRequest request, String tokenName) {String articleId = null;String name = null;// articleId = 125379150articleId = request.getParameter(articleId);// name = Thomasname = request.getParameter(name);return articleId + " " + name;}}

4. Cookie

4.1 控制器代码

@RestController@RequestMapping("/cookie")public class CookieTestController {// http://localhost:8080/cookie/login/tokentoken?id=13213@GetMapping("/login/{token}")public void getLogin(HttpServletRequest request, HttpServletResponse response) throws IOException {//设置请求编码格式request.setCharacterEncoding("UTF-8");//设置响应编码格式response.setCharacterEncoding("UTF-8");//设置数据返回的类型response.setContentType("text/json");// 获取请求信息(参数id对应的值)Integer id = Integer.valueOf(request.getParameter("id"));// 原本想获取请求url中的值,但是无法通过request获取!!!!String token = request.getPathInfo();System.out.println(request.getMethod()); // GETSystem.out.println(request.getRequestURI()); // /cookie/login/tokentokenEnumeration parameterNames = request.getParameterNames();while (parameterNames.hasMoreElements()){// id (说明只能获取路径?后面的参数,不能获取包含在路径中的参数!!!)System.out.println(parameterNames.nextElement());}// 添加cookie信息Cookie c1 = new Cookie("token_cxp_zm", "chsdiufvbndsufyvbnduh");Cookie c2 = new Cookie("cxp-love_zm", "hahahahaha---cxp---love=---zm");response.addCookie(c1);response.addCookie(c2);PrintWriter out = response.getWriter();out.write("XXXXXXX" + id + " == " + token);out.flush();//刷新该流的缓冲out.close();//关闭流}// http://localhost:8080/cookie/login/getCookie@GetMapping("/login/getCookie")public void getCookies(HttpServletRequest request, HttpServletResponse response) throws IOException {//设置数据返回的类型response.setContentType("text/json");//设置请求编码格式request.setCharacterEncoding("UTF-8");//设置响应编码格式response.setCharacterEncoding("UTF-8");String State = "fail";//获取Cookie信息数组Cookie[] cks = request.getCookies();if (cks != null){for(Cookie cookie : cks){System.out.println(cookie.getName() + "=" + cookie.getValue());}}PrintWriter out=response.getWriter();out.write("测试获取Cookie");out.flush();//刷新该流的缓冲out.close();//关闭流}}

4.2 测试

向Cookie中插入key – value值!!!

之后的Get或者Post请求,不需要我们主动去插入cookie,请求会自动携带cookie进行访问!!!

讲解完毕!!!

注意:
问题:因为后端去设置Cookie,会涉及跨域,但是cookie是不能跨域的。这就造成了页面跳转时请求头带不上cookie中的token。这时只要把Domain设置成.+一级域名那么就能解决cookie跨域的问题了。

Token的使用(两种方式):
1、 直接返回token字符,让前端同学进行存储(Cookie、localStorage、SessionStorage),请求时候手动去携带token!!
2、 后端同学设置cookie的时候,注意跨域问题即可!