springboot+vue2.0 前后端分离跨域每次请求sessionId不一致解决

最新推荐文章于 2025-06-23 21:19:17 发布
原创 最新推荐文章于 2025-06-23 21:19:17 发布 · 7.9k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#springboot 跨域

本文介绍如何在前端JS中通过设置axios.defaults.withCredentials为true来实现session的共享，解决跨域问题。同时，提及了在后端控制器上使用@CrossOrigin注解允许携带cookie信息的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在前端的JS中添加一行
 axios.defaults.withCredentials = true 即可，拿到的sessionid就一样，实现session共享问题。

 

若客户端发送cookie信息没有，需要加上在登录的控制器上加上@CrossOrigin(allowCredentials="true")注解，

或者后台参考另一篇：https://blog.youkuaiyun.com/weixin_39771749/article/details/81066580

 

 

springboot+Vue前后分离 后端获取sessionid不一致问题
zj00zj00zj00的博客
01-05 6537
问题描述： 记录一个很小但又搞得我蛋疼的问题：我在登陆之后将token和用户数据存到session当中，可当我在后面的接口取值时，为null 解决过程： 接下来在调试的时候发现每次请求sessionid不一致，期初我还是以为是跨域造成的，于是按照以往的方式配置拦截器设置了这样一段 response.setHeader("Access-Control-Allow-Orig...
#2Vite+Vue3+SpringMVC前后端分离 解决跨域问题和session每次请求不一致问题
weixin_42718399的博客
01-04 1816
Vite+Vue3+SpringMVC前后端分离通过vite/nginx解决跨域问题和session一致性问题
SpringBoot和Vue跨域Session不是同一个怎么解决（不用Redis）
越努力越幸运的博客
11-03 1553
SpringBoot和Vue跨域Session不是同一个怎么解决（不用Redis） 在使用Vue和SpringBoot做前后端分离项目时，会出现以下问题： 前端直接请求数据会出现跨域访问限制的问题。 如果登录的时候我们在Session域中保存了UserLogin，然后为了防止用户直接在不登录的情况下访问主页面，我们还要判断Session域中是否有UserLogin。这个时候，我们会发现访问的Session不是同一个（想知道是不是同一个Session，我们可以调用HttpSession对象的isNew方法判
Spring Boot + Vue 应用部署策略详解
最新发布
qq_56876632的博客
06-23 833
  在采用 Spring Boot + Vue 技术栈进行开发时，前后端分离的架构是主流选择。这种架构在部署上有多种策略，每种策略都有其适用场景。以下是几种核心的部署方式，从简单到复杂，供您参考。
SpringBoot2.x、Vue、Axios设置跨域与sessionId不一致问题、配置Swagger2会与跨域冲突，导致访问不到的问题
weixin_43924871的博客
05-12 667
总结 两个java文件，CROSConfig（解决跨域）与SwaggerConfig（配置Swagger2），按需创建文件 跨域 跨域后端 直接复制最好，省得报错 CROSConfig文件中 import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.
使用 vue + springboot 前后端分离 跨域、cookie、session 问题，全套配置一篇就够了
热门推荐
Never-Say-Never
05-25 1万+
一、前端使用axios： 发送请求，跨域设置： 后端使用SpringBoot，那么发送数据的时候，数据参数只能拼接到url后面，否则springboot接收不到。 要接决这个问题，就要加一个请求拦截器，使springboot能够接收到参数。 Cookie问题：在main.js 中添加配置，携带cookie，添加请求拦截器 //与后端进行数据交换的时候带上cookie axio...
springboot+Vue 后端验证码存入和获取session地址不一致问题
weixin_45892258的博客
12-11 768
问题描述：今天在写手机验证码登录过程中，后台将验证码存入session域中，然后要和前台传来的验证码比对，发现总是错误，打debug发现存入和获取session地址不一致。 解决过程： 1.通过查询资料，网上都在说这是由于跨域问题导致的，我的跨域问题是在Vue中配置的，通过代理服务器的方式，如下图 上面都是本地服务器，捋了一遍没什么问题，在后端我在配置文件里设置了路径前缀， 就是这里存在了问题，虽然路径没有发生问题，但是前端请求时，session发生了变化，于是我将这行代码删除掉，在con.
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
01-19
首先发现sessionID不一致，导致每一次都是新的会话，当然不可能存在用户了。然后发现cookie浏览器不能自动保存，服务器响应set-cookie了 搜索问题，发现跨域，服务器响应的setCookie浏览器无法保存，而且就算保存了...
vue.js+springboot前后端分离，跨域不同请求时sessionId不一致问题解决方法
WEN_Windy的博客
01-15 1490
第一步：先解决不允许跨域请求的问题，vue.js使用的端口是8080，springboot后台使用的端口是8081，当前端调用后台http://localhost:8081的接口，会报不允许跨域请求方法的403错误，因此需要编写一个配置类解决跨域调用接口的问题。 import org.springframework.context.annotation.Bean; import org.spr...
springboot + vue前后端分离解决每次请求session不一致的问题
haoprivate的博客
08-21 3582
在一个项目中做验证码功能，一开始思路是：前端发送请求让后端处理，使用了hutools验证码工具类，直接使用输出流进行输出到页面中，于是使用seesion进行存储验证码，在校验验证码输入是否正确时，再发送请求给后端，获取sesson中存储的数据，一遍遍测试之后发现每次的存储的数据都为空（项目提前做好了跨域）。上网搜索相关资料，有使用拦截器，过滤器或者使用Interceptor的方法，但总结下来就是配置跨域，但项目中已经有了跨域，但没有使用跟其余人一样的做法。试了很多次才发现不是跨域问题，而是前端配置问题。
springboot+vue踩坑又爬坑之路(跨域、session不一致、vue代理、403问题)
u014627852的博客
12-16 2306
最近公司有新项目,我负责项目架构搭建,经过对业务需求和技术对比,选定springboot2.1.4+vue3.11前后端分离开发框架,本文就前后端分离遇到的问题进行总结. 1.跨域问题 相信这也是很多小伙伴们遇到的最多也最频繁的问题,网上也有很多博客对跨域问题提出多种解决方案: @Configuration public class WebConfigurer implements WebMvc...
SpringBoot 2.0 SpringSession 支持跨域session问题
weixin_34253539的博客
11-28 886
DefaultCookieSerializer 中 sameSite值默认为Lax通过百度得知：SameSite-cookies是一种机制，用于定义cookie如何跨域发送。这是谷歌开发的一种安全机制，并且现在在最新版本（Chrome Dev 51.0.2704.4）中已经开始实行了。SameSite-cookies的目的是尝试阻止CSR...
解决 vue+axios+sprigboot 前后端分离项目 跨域请求资源和获取session不一致问题
qq_43353586的博客
06-05 847
后端添加过滤器，实现HandlerInterceptor接口，重写preHandle方法，添加如下内容： 新建SpringMVCConfig类，继承WebMvcConfigurerAdapter类，自动注入FilterConfig 并设置过滤器拦截规则： 以上配置能解决跨域请求，但是仍然存在每次请求session不一致问题，需要添加以下配置：vue2中，在main.js中引入axios并设置允许携带cookie： 在vue.config.js中添加代理设置： 发起跨域请求： 至此，vue+axios+spr
vue：跨域以及sessionId不一致问题解决方法
不花的花和尚的博客
06-07 9396
情景： 使用Vue和SpringBoot做前后端分离项目，出现跨域问题，因为前端访问调用后端3个接口， 第一：session校验 ，第二：登录 ，第三：查询接口 但是将session分别获取，然后打印出来，发现sessionid不一致，导致访问第三个查询数据接口而失败。 后端springboot处理： 拦截器preHandle中加入如下 代码： public boolean ...
解决Vue项目每次axios请求session不一致问题
Mrs_zmf的博客
09-09 2401
vue开发后台管理项目，登录后，请求数据每次session都不一致，后台返回未登录，处理方法打开main.js设置 import Vue from 'vue'; import axios from 'axios'; import App from './App.vue'; import router from './router'; import store from './store'; import dataV from '@jiaminghi/data-view'; import './plugins
vue解决服务器Session不一致问题（跨域问题）
CY2333333的博客
05-02 6094
       最近在做项目时，发现vue前端的登录接口使用axios连接服务器实现登录功能时，每次请求后端服务器所保存的Session对象id都不相同，也就是说前端请求服务器所得到的Seesion对象无法保存下来。        上网查询后发现是跨域问题，也就是说请求的发出点的URL与所请求的URL不同源。（所谓同源（即指在同一个域）就是两个页面具有相同的协议（prot
springboot ajax 跨域请求导致sessionId 不一致 解决办法
qq_42317294的博客
03-08 3075
首先处理跨域问题 springboot 有处理跨域的注解@CrossOrigin 这样已经可以处理跨域请求，但session并不共享 注解修改如下： @CrossOrigin(allowCredentials="true",allowedHeaders="*") 同时前端js ajax部分加入： xhrFields:{ ...
springboot+vue前后端分离多次请求sessionid不同的解决方法
weixin_53281846的博客
05-02 2793
耗时两天最终找到的springboot+vue前后端分离多次请求sessionid不同的解决方法，希望能有所帮助
SpringCloud+Vue解决跨域Session不一致问题
Hpsyche的博客
11-06 1525
前言 在做项目时，在登录验证码生成环节，后台生成验证码图像返回给前端，并将验证码置于session，用户填入验证码后传入后台并验证。 但在实验时发现，由于前后端分离项目存在跨域问题，session不再相同，通过输出 sessionId也可以看出，不同请求到达服务端时sessionId是不同的，故需要考虑如何解决Session不一致的问题。 正文 CORS 首先简单讲下CORS。 CORS是一个W3...
基于springboot+vue的前后端分离开发，需要注意什么，前后端如何交互
06-04
嗯，用户想了解基于SpringBoot和Vue的前后端分离开发的注意事项和交互方式。首先，我需要回忆一下前后端分离的基本概念，确保自己理解正确。前后端分离意味着前端和后端各自独立开发，通过API进行通信，这样前端可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值