vue 前后端分离。登录后由于session id一直变所以提示没有登录问题

最新推荐文章于 2024-04-04 19:53:02 发布

原创最新推荐文章于 2024-04-04 19:53:02 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue #cookie #session

vue 同时被 2 个专栏收录

1 篇文章

订阅专栏

java

1 篇文章

订阅专栏

本文探讨了在Vue应用中遇到的登录后SessionID频繁变化导致未登录的问题。为解决此问题，后端需要在接口请求中处理跨域设置，允许携带cookie。前端axios配置需启用withCredentials选项，确保请求携带cookie。同时，Vue项目的配置也需要调整，以允许浏览器自动打开。这些措施有助于实现登录状态的正确维护。

vue 前后分离。登录后由于session id一直变所以提示没有登录问题

1、后端每个接口请求加：

// 解决跨域问题。加header
   String originalURL = request.getHeader("Origin");
   if (originalURL != null) {
   response.addHeader("Access-Control-Allow-Origin", originalURL);
   }else{
      response.addHeader("Access-Control-Allow-Origin", "*");
   }
   response.setHeader("Access-Control-Allow-Credentials", "true");
response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
response.addHeader("Access-Control-Allow-Headers", "Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,token");

2、前端axios 提交请求加
axios.defaults.withCredentials = true;//请求带cookie

3、前端vue ==config/index.js 中
autoOpenBrowser: true //改为true 默认是false