axios 填坑-----后端session一直获取不到或者不为同一个

柔光的暖阳◎ 2022-02-01 13:51 560阅读 0赞

在vue-cli3.0+axios+spring boot项目中登录使用了session记录简单信息

发现使用注入 的request对象获取的session一直为新的对象，导致无法获取前面存储在里面的数据

利用getSession(flase)发现无法获取到对象

发现每次ajax请求，还是不同的session，打开chrome的network，发现每次请求的请求头中并没有，和我想象的一样携带cookie信息，查看axios源码发现：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIzOTQ1Njg1_size_16_color_FFFFFF_t_70][]

withCredentials默认是false，意思就是不携带cookie信息

![20190514171847294.png][]

axios.defaults.withCredentials=true;

后端跨域配置：

@Configuration
    public class CorsConfig {
        @Bean
        public CorsFilter corsFilter() {
            final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            final CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedHeader("*");
            corsConfiguration.addAllowedOrigin("*");
            corsConfiguration.addAllowedMethod("*");
            //关键配置
            corsConfiguration.setAllowCredentials(true);
            source.registerCorsConfiguration("/**", corsConfiguration);
            return new CorsFilter(source);
        }
    }

标红为关键配置

这样就能获取到正常的session

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIzOTQ1Njg1_size_16_color_FFFFFF_t_70]: /images/20220201/cb3bebc09d004f31af3fa9e7a7992c68.png
[20190514171847294.png]: /images/20220201/59194aa3f2304db18f67d77a6a087163.png