SpringBoot 解决 Ajax 跨域之 session 问题

最新推荐文章于 2022-04-08 15:27:32 发布

Don't_Touch_Me

最新推荐文章于 2022-04-08 15:27:32 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： springboot 文章标签： springboot ajax session

本文链接：https://blog.youkuaiyun.com/assiduous_me/article/details/89843392

springboot 专栏收录该内容

13 篇文章

订阅专栏

博客指出前后端分离写网站时，使用 ajax 跨域请求会创建两个 session ，无法实现数据存入 session 共享。并给出解决办法，前端有关键代码，后端关键代码为 setAllowCredentials(true)。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

由于使用前后端分离写网站，不可以避免的会使用 ajax 进行跨域请求，但发现两次请求都会创建两个 session ，无法达到将数据存入 session 实现数据共享的效果。

问题解决：

前端：最主要的是下面这行代码?：

xhrFields: {
         withCredentials: true
}

$.ajax({
        type: 'POST',
        url: rootPath + '/manager/login',
        dataType: 'JSON',
        xhrFields: {
               withCredentials: true
        },
        data: {
              username: username,
              password: password,
              verifyCode: verifyCode
        },
        success: function(result) {
                 console.log(result)         
        },
        error: function(error) {
               console.log(error)
        }
});

后端：最主要的是 setAllowCredentials(true);这行代码?：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class CustomCORSConfiguration {
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.setAllowCredentials(true);
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }
}