场景说明
前后端分离项目,前端使用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)