Java前后端分离项目跨域问题

场景说明

前后端分离项目，前端使用vue，后端是springboot项目
部署的架构是负载均衡方案，使用nginx代理所有的前端，前端动态获取后端的地址来进行访问
部署架构图如下：

前端配置

前端使用的是vue，用于调用后端接口的工具是axios
axios的配置如下：

后端配置

后端我使用的是filter来配置的

根据上面前后端的配置之后，基本可以解决跨域问题

遇到问题

每次请求的JSESSIONID都不一样

如果您使用的是Chrome浏览器，每次前端请求后端时，JSESSIONID都会变（也就是无法保持会话）
那么请注意"Response Headers"当中的“Set-Cookie”最右边是否有黄色的感叹号，如下图

解决办法

如果有上图的黄色感叹号，那么解决办法如下图
1.Chrome浏览器地址栏中输入chrome://flags
2.搜索“SameSite”
3.将“SameSite by default cookies”的设置改为“disabled”（修改前的值为default）
4.将“Cookies without SameSite must be secure”的设置改为“disabled”（修改前的值为default）