如何在会话结束时将Web应用程序流重定向到特定页面？

Question

我有一个在AngularJS/Javascript上开发的Web应用程序，后端是Java/Spring。我有一个与我的Web应用程序的会话管理相关的问题。

我已经使用web.xml会话超时参数会话配置如下图所示设置会话超时，

<session-config> 
    <session-timeout>1</session-timeout> 
</session-config> 

现在1分钟后，会话超时。我有一个场景，在会话超时后需要将我的Web应用程序流重定向到登录页面。场景1：如果我点击任何需要加载新页面的链接/按钮，它会自动检测到会话超时，并将应用程序重定向到登录页面。这工作很好。

情况2：但如果页面包含我选择的任何下拉列表，则应用程序不会重定向到登录页面。 这是问题。

通常会发生什么情况：当我从下拉列表中选择任何值时，它会对后端进行其余的调用，并获取填充页面上的值所需的数据。现在，如果会话在一分钟后结束，并且如果选择下拉菜单，则会话结束时不会拨打任何后端电话。

现在，在这种情况下应该做些什么来确保即使当我选择下拉菜单并且会话结束时，它也会以某种方式检测到它并将应用程序重定向到登录页面。有没有一种方法使用角JS或JavaScript来检查会话是否仍然活着，当我选择下拉值，并可以根据需要重定向流量？

考虑到当我选择下拉式流程不会进入后端时，我想我可能需要仅在客户端（前端）而不是后端处理此重定向。不知道如何做到这一点。

任何帮助，将不胜感激。

Answer 1

你可以使用http intercetor来帮助你在这里。基本上，拦截器将在您每次发出请求时执行，在发出请求时发生错误，响应时或响应中出现错误时执行。根据响应状态，您可以将控件重定向到错误页面。

app.factory('CustomHttpInterceptor',[ '$q' , '$location', function($q , $location, TimeoutBroadCaster){ 
     return{ 
      request: function(config) { 
       return config; 
      }, 

      requestError: function(config) { 
       return config; 
      }, 

      response: function(res) { 
       return res; 
      }, 

      responseError: function(res) {    
       if(res.status != 200){ 
        $location.path('timed-out'); 
       } 
       return res; 
      } 
     } 

    } 

    ]); 

，然后在应用程序配置的方法启动，你把这个拦截在队列

$httpProvider.interceptors.push('CustomHttpInterceptor'); 

为了方便起见，在服务器端，你可以拿出一些自定义的错误状态，其可以帮助您确定会话是否超时，并专门针对该情况撰写检查。