java sessionid不一致_Vue中跨域，sessionId不一致

前后端分离，前端使用vue-admin-template

后端配置文件

CommonIntercepter.java

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Component;

import org.springframework.web.servlet.HandlerInterceptor;

@Component

public class CommonIntercepter implements HandlerInterceptor{

//private final Logger logger = LoggerFactory.getLogger(this.getClass());

@Override

public boolean preHandle(HttpServletRequest request,HttpServletResponse response, Object handler) throws Exception {

//允许跨域,不能放在postHandle内

response.setHeader("Access-Control-Allow-Origin", "*");

if (request.getMethod().equals("OPTIONS")) {

response.addHeader("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE,TRACE,OPTIONS,PATCH");

response.addHeader("Access-Control-Allow-Headers", "Content-Type, Accept, Authorization");

}

return true;

}

}

CorsConfig.java

import org.springframework.context.annotation.Configuration;

import org.springframework.web.servlet.config.annotation.CorsRegistry;

import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration

public class CorsConfig implements WebMvcConfigurer {

@Override

public void addCorsMappings(CorsRegistry registry) {

registry.addMapping("/**")

.allowedOrigins("*")

.allowCredentials(true)

.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")

.maxAge(3600)

.allowCredentials(true);

}

}

前端使用 axios请求数据

axios默认发送请求时不会带上cookie，需要设置withCredentials: true

axios.defaults.withCredentials = true