前后端分离 ajax请求后台重定向

最近在做的一个前后端分离的一个项目,这就涉及到登录验证的问题。我用的是token加上filter。
1,前端请求登录的时候,用用户名和加上当前时间生成一个token,存入redis,然后返回给前端。
2,以后每次请求前端带上token,在filter里做验证。
3,判断token是否有效,有效则放行,无效则重定向到登录页面。
这就存在一个问题,ajax请求返回的json数据或者html.默认的是局部刷新页面。sendRedirect(“XXX”)重定向无效。
解决办法是前后台配合。
在filter里面加上如下
java
httpResponse.addHeader("REDIRECT", "REDIRECT");//告诉ajax这是重定向
httpResponse.addHeader("CONTEXTPATH", tokenUrl);//重定向地址

这时候响应头中就会出现如下两行这里写图片描述
然后前端代码如下:

$.ajaxSetup({
        complete : function(XMLHttpRequest, textStatus) {    
        // 通过XMLHttpRequest取得响应头,REDIRECT      
        var redirect = XMLHttpRequest.getResponseHeader("REDIRECT");//若HEADER中含有REDIRECT说明后端想重定向    
        alert(redirect);
        if (redirect == "REDIRECT") {  
            var win = window;      
            while (win != win.top){    
                win = win.top;    
            }  

            win.location.href= XMLHttpRequest.getResponseHeader("CONTEXTPATH");

        }  
    }
    });

ajaxSetup的使用方百度强调内容
网上大概也就是这些思路。但是还有一个坑,
XMLHttpRequest.getResponseHeader(“XXX”),通过CORS方式解决的ajax跨域,是获取不到请求头的。getResponseHeader的值一直为空。
要通过Access-Control-Expose-Headers来设置响应头的白名单。
httpResponse.addHeader(“Access-Control-Expose-Headers”, “REDIRECT,CONTEXTPATH”);将想要传递的字段设置一下。才能获取到值。

  • 7
    点赞
  • 47
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot 是一个开源的 Java 开发框架,可以帮助开发人员快速搭建基于 Spring 的应用程序。前后端分离指的是将前端(通常是以浏览器为基础的用户界面)和后端(服务器端的业务逻辑)分开部署,并通过 API 进行数据交互。 在前后端分离的情况下,重定向是通过 HTTP 状态码来实现的。通常情况下,当用户在前端页面执行某个操作,需要进行页面跳转时,前端会向后端发起请求后端根据请求进行相应的处理,然后返回相应的状态码和需要跳转的地址给前端。前端根据后端返回的状态码进行相应的处理。如果是重定向的状态码,前端就会根据返回的地址进行页面跳转。 例如,当用户在前端页面点击一个链接,需要跳转到另一个页面时,前端会向后端发送一个请求后端处理完相关的业务逻辑后,返回一个 302 状态码和需要跳转的地址给前端。前端根据状态码和地址,进行页面跳转。 在 Spring Boot 中实现重定向可以使用 RedirectView 类。在后端的控制器方法中,可以创建一个 RedirectView 对象,并设置跳转的地址,然后将该对象返回给前端。前端根据后端返回的对象进行相应的处理,完成页面跳转。 总结:在 Spring Boot 中,前后端分离重定向是通过 HTTP 状态码和地址进行实现的。前端向后端发起请求后,后端处理完相关的业务逻辑后,返回状态码和地址给前端进行页面跳转。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值