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) {
    //设置允许跨域的路径
    registry.addMapping("/move/**")
            //设置允许跨域请求的域名
            //当**Credentials为true时，**Origin不能为星号，需为具体的ip地址【如果接口不带cookie,ip无需设成具体ip】
            .allowedOrigins("http://127.0.0.1:8080")
            //是否允许证书 不再默认开启
            .allowCredentials(true)
            //设置允许的方法
            .allowedMethods("*")
            //跨域允许时间
            .maxAge(3600);
  }