SpringBoot+Vue 前后端分离跨域导致session不一致的问题

我今天忙了一晚上才发现根本问题

首先浏览器它有个同源策略

简单来说就是浏览器发送请求的协议、域名和端口要和服务器接收请求的协议、域名以及端口一致。这样才能完成交互,但是很显然这样是不可能的,尤其在对于在同一台电脑上开发前后端分离的项目的时候,一定是会使用两个端口的。那么这样就形成了跨域问题。

跨域问题导致啥了,反正我就是调用后端接口功能就报错

网上有很多解决方案,有前端的后端的,作为一个菜鸟我各种都用了,我也不知道是谁起作用的。有过滤器类,有@CrossOrigin注解,有通过vue创建个vue.config.js设置代理等等,麻了。

跨域解决后,能用功能了,很可惜,然后开始弄登录验证码

我验证码的值存放在session中,然后验证时获取session中存放的值和输入的比较,很简单的逻辑

但是session一直是null,搜索过后大部分都还是叫你解决跨域问题的。

最终发现是localhost和127.0.0.1的问题,虽然你用localhost时会主动转到127.0.0.1,但是不代表两者就是同一个玩意,而我前后端一个用127.0.0.1 一个用localhost,这就使得session不一致了。最后统一一下就行了。

你可能感兴趣的:(vue.js,java,前端)