vue 前后端分离 session丢失，前端解决办法

背景：前端每次发送的ajax都是形成新的会话，本地测试时后端获取sessionId为null**********后端的代码修改请查找其他文章，本文只涉及前端一、解决前端每次发送的ajax都是形成新的会话我是用的axios，只需在封装的请求时添加axios.defaults.withCredentials=true;根据自己代码做相应改变就行，请求时添加withCredentials属性，并且值为t

琉琉666666

3067人浏览 · 2020-10-19 17:23:05

琉琉666666 · 2020-10-19 17:23:05 发布

背景：前端每次发送的ajax都是形成新的会话，本地测试时后端获取sessionId为null
**********后端的代码修改请查找其他文章，本文只涉及前端
一、解决前端每次发送的ajax都是形成新的会话
我是用的axios，只需在封装的请求时添加

axios.defaults.withCredentials=true;

根据自己代码做相应改变就行，请求时添加withCredentials属性，并且值为true。
withCredentials：true；请求时携带cookie
二、本地测试时结果发现还是无法成功，后端获取的sessionId为null。
后端返回cookie

Set-Cookie: SESSION=NzgyMDdjZDgtNjJhMC00NmNkLTkxNWYtNjE4ZmRkYmFlOWQy; Path=/xxx/;

cookie后面还有一个path=/xxx/ 即后端项目路径，
只需要在为解决跨域设置代理时
原代码：

devServer: {
    proxy: {
      '/dev-api/': {
        target: 'http://baidu.com:8811',
        changOrigin: true,
        pathRewrite: {
          '^/dev-api/': '/'
        }
      }
    }
  }

以/dev-api/开头改为后端返回path开头
修改后：

devServer: {
    proxy: {
      '/xxx/': {
        target: 'http://baidu.com:8811',
        changOrigin: true,
        pathRewrite: {
          '^/xxx/': '/'
        }
      }
    }
  }