前端访问后台接口每次产生新的session

在前后端分离的项目中,前端使用Vue进行开发时遇到与后台接口交互时的跨域和每次请求session变化的问题。通过在jfinal后端设置拦截器并修改前端ajax请求,解决了session跨域和保持同一的问题,以便于在session中存储用户信息。

公司项目中前后端分开开发,前端访问后台接口时产生ajax跨域问题以及每次访问接口时的session都是不一样的问题,记录下来备忘(后台用的jfinal框架,前端用vue开发)

参考 http://blog.csdn.net/qq_27373459/article/details/77099207 

创建一个拦截器拦截所有请求 :

public class AjaxIntercepter implements Interceptor {
@Override
public void intercept(Invocation inv) {
HttpServletResponse response = inv.getController().getResponse();
HttpServletRequest request = inv.getController().getRequest();

response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));  
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");  
response.setHeader("Access-Control-Max-Age", "0");  
response.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,token,Access-Control-Allow-Headers");  
response.setHeader("Access-Control-Allow-Credentials", "true");  
response.setHeader("XDomainRequestAllowed","1"); 

        inv.invoke(); //添加拦截器的 放行方法
       
}
}

           


在前端的ajax请求中添加红色代码可解决ajax,session 跨域问题

$.ajax({
url:url,
//加上这句话
xhrFields: {
           withCredentials: true
       },
       crossDomain: true,

success:function(result){
alert("test");
},
error:function(){
}
});

这样前端访问后台接口时sessionId 将保持同一个,方便我们将用户信息保存在session中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值