ajax跨域问题解决sessionid不一致问题

ajax跨域问题解决sessionid不一致问题

1、java的web项目中由于前后台分离导致每次请求springmvc的session都不一样，所以无法在session中保存数据（https://blog.csdn.net/qq_41117519/article/details/79667885?utm_source=blogxgwz6）

解决方法：

ajax 跨域请求前台处理，红色字段为ajax处理跨域属性

$.ajax({
    url:"http://citygame1234.4kb.cn/CityServer/w/login",
    type:"post",
    async:"false",
    dataType:"json"，
    crossDomain: true,
    xhrFields: {
        withCredentials: true
    },
    success:function(data){
        console.log(data);
    }
});

ajax 跨域请求 java后台filter处理

public class MyFilter implements Filter{
    @Override
    public void destroy() {}
    
    @Override
    public void doFilter(ServletRequest arg0, ServletResponse arg1, FilterChain arg2)
    throws IOException, ServletException {
       HttpServletResponse response = (HttpServletResponse) arg1;
       response.setHeader("Access-Control-Allow-Credentials", "true");
       response.setHeader("Access-Control-Allow-Origin", "*");
       response.setHeader("Access-Control-Allow-Methods", "POST,GET,OPTIONS,DELETE");
       response.setHeader("Access-Control-Max-Age", "3600");
       response.setHeader("Access-Control-Allow-Headers", "Origin, Accept, x-auth-token,Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers");
        arg2.doFilter(arg0, arg1);
    }
    
    @Override
    public void init(FilterConfig arg0) throws ServletException {}
}

2、解决跨域，session不一致问题（原文：https://blog.csdn.net/qq_27373459/article/details/77099207）

今天前后交互 的时候发现session的id不一致。（我的逻辑是这样的，用户登录，账号密码都正确的时候，我就把用户信息放到session里面去，后续各种操作例如：获取用户信息等等。就不需要传递uid了。）
我这边后台服务器启动，前端进行接口对接的时候，后台一直获取不到值。最后发现request里有值，session也有值，但是session的id却不一致。想来想去不知道怎么回事。后来无意间想到跨域，以前解决过跨域问题，就是在fitter里加上

 

response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, Access-Token");

第一行，意思是运行从所有地址发来的请求。

第二行，意思是允许  POST, GET, OPTIONS, DELETE，这些方式的请求

第三行，意思是在该响应在多少秒内有效

第四行，意思是允许的请求头类型

 

可是对于今天的问题还是报错了。

那么从新来设置

 

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");

 

注意：

Access-Control-Allow-Credentials  是true的时候。   Access-Control-Allow-Origin"的值不能为*。
在ajax 请求是也要加相应的东西

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

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

 这样我们再跨域测试的时候，就会发现我们的sessionId是一样的了，这样就实现了跨域并且保证在同一个session下。

3、springboot完美跨域 解决sessionId不一致问题（https://blog.csdn.net/weixin_40461281/article/details/81196932）
增加mvc配置

@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {
 
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        System.out.println("我是MyWebConfig跨域");
        //设置允许跨域的路径
        registry.addMapping("/**")
                //设置允许跨域请求的域名
                .allowedOrigins("*")
                //是否允许证书 不再默认开启
                .allowCredentials(true)
                //设置允许的方法
                .allowedMethods("*")
                //跨域允许时间
                .maxAge(3600);
    }
}

vue需要再main.js的import下增加以下代码
　　axios.defaults.withCredentials = true

jquery需要再每次使用ajax时增加如下配置
    xhrFields:{
        withCredentials:true
    }

 

(转自:https://www.cnblogs.com/xy-ouyang/articles/10728491.html)