前端发送跨域请求时默认是不会携带cookie的,后端无法获得sessionId。要解决这一问题,前后端配置分别如下
前端配置
前端通过设置withCredentials: true来解决。如果是在vue中使用axios,需要设置
axios.defaults.withCredentials = true
如果使用的是jQuery的ajax方法
$.ajax({
url : 'xxxx',
type : 'GET',
xhrFields : {
withCredentials : true
},
crossDomain : true,...})
后端配置
后端需要设置Access-Control-Allow-Credentials,但是需要注意的是,如果将Access-Control-Allow-Credentials设置为true,那么Access-Control-Allow-Origin就必须是具体的值,不能用 *,开发过程中可以通过获取当前请求的域名动态设置Access-Control-Allow-Origin的值来代替 * 的效果。
String originHeader = req.getHeader("Origin");
res.setHeader("Access-Control-Allow-Origin", originHeader);
res.setHeader("Access-Control-Allow-Credentials", "true");
res.setHeader("Access-Control-Allow-Methods", "*");
res.setHeader("Access-Control-Max-Age", "86400");
res.setHeader("Access-Control-Allow-Headers","Timestamp,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");
可能遇到的坑
我将前后端都配置完成后,后端依然没有获取到前端的 sessionId, 苦苦寻找解决方案,发现是 SameSite 导致的,新版本的spring web 默认启用了 SameSite 。解决方案:
@Configuration
public class SpringSessionConfig {public SpringSessionConfig() {
}@Bean
public CookieSerializer httpSessionIdResolver() {
DefaultCookieSerializer cookieSerializer = new DefaultCookieSerializer();
cookieSerializer.setSameSite(null);
return cookieSerializer;
}
}
【springboot|axios(ajax),springboot 跨域携带session】
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)
- 前端|AJAX学习笔记
- 第五节:SpringBoot常用注解介绍
- 第四节:SpringBoot中web模版数据渲染展示
- SpringBoot2022【草稿】
- 聊聊springboot项目全局异常处理那些事儿
- 第一节:创建SpringBoot项目并运行HelloWorld
- springboot管理系统[基于员工角色和文件权限的分级的后台管理系统源码]
- SpringBoot之@ComponentScan和@SpringBootApplication扫描覆盖问题