vue前后端分离项目http请求携带cookie设置问题

问题描述

前后端完全分离的项目，前端使用Vue + axios，
使用CORS协议解决跨域访问数据限制的问题，但是发现客户端的Ajax请求不会自动带上服务器返回的Cookie：SESSIONID
导致每一个Ajax请求在服务端看来都是一个新的请求，都会在服务端创建新的Session（在响应消息头中设置Set-Cookie：JSESSIONID=xxx）

解决方法

首先前端方面
在main.js文件中加上
axios.defaults.withCredentials=true;

最后后端方面
解决跨域问题
将拦截器中将前端的vue地址放行跨域

@Override
  public void addCorsMappings(CorsRegistry registry) {
   
   
    //设置允许跨域的路径