赞
踩
问:为什么写工具类呢???
答:因为我们不知道前端将token怎么存储的,所以我们可以通过调用Token工具类来获取token。Token工具类会检查header、URL中的属性值、以及Cookie等等!!!
- public class UserTokenUtil {
-
- public static String getToken(HttpServletRequest request, String tokenName) {
- String token = null;
-
- // 1. header
- token = request.getHeader(tokenName);
- if (StringUtils.isNotBlank(token)) {
- return token;
- }
- // 2. cookie
- Cookie[] 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. parameter
- token = request.getParameter(tokenName);
- return token;
- }
-
- }
第一步安装:js-cookie
npm install --save js-cookie
第二步引入:(这里以vue开发为例,在main.js中引入!)
- // 全局应用Cookie
- import 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
-
- // 保存token
- that.$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("未知异常");
- }
- })
- 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("未知异常");
- }
- })
- @Slf4j
- public class UserLoginAuthInterceptor implements HandlerInterceptor {
-
- /**
- *
- * @param request : 请求(通过请求获取token登陆凭证)
- * @param response : 返回给前端的响应
- * @param handler : 该参数中包含了对应方法的信息。比如:方法中的参数类型、参数的注解、方法的注解等信息。
- * @return
- * @throws Exception : 向上抛出异常
- */
- @Override
- public 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的属性值为false
- if (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
- */
- @Override
- public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
- //防止内存泄漏
- UserLoginInfoThreadLocalUtil.clear();
- }
- }
以这个地址为例: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 = 125379150
- articleId = request.getParameter(articleId);
- // name = Thomas
- name = request.getParameter(name);
- return articleId + " " + name;
- }
-
- }
- @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()); // GET
- System.out.println(request.getRequestURI()); // /cookie/login/tokentoken
- Enumeration<String> 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();//关闭流
- }
-
- }
向Cookie中插入key - value值!!!
之后的Get或者Post请求,不需要我们主动去插入cookie,请求会自动携带cookie进行访问!!!
讲解完毕!!!
注意:
问题:因为后端去设置Cookie,会涉及跨域,但是cookie是不能跨域的。这就造成了页面跳转时请求头带不上cookie中的token。这时只要把Domain设置成.+一级域名那么就能解决cookie跨域的问题了。
Token的使用(两种方式):
1、 直接返回token字符,让前端同学进行存储(Cookie、localStorage、SessionStorage),请求时候手动去携带token!!
2、 后端同学设置cookie的时候,注意跨域问题即可!
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。