前端跨域携带Cookie

起因

想必并不是前后端一定处于一个同域的状态，可能有以下情况：

前后端分离
域名不同

这样就容易遇见一个这样的问题，后端想基于Session来存储和使用数据，可这个时候就根本拿不到SessionID。
就像我刚刚那样，明明后端已经配好了CORS，前端还是有问题。

解决办法

前端

// 前端是5173端口
axios.defaults.baseURL = 'http://localhost:8080';
axios.interceptors.request.use(config => {
    // 允许跨域请求时携带 Cookie
    config.withCredentials=true
    return config
}, error => {
    return Promise.reject(error);
});

后端

@Value("${lnpbqc.allowCORS}")
String allowCORS;

@Override
public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**")  // 允许跨域的路径
            .allowedOrigins(allowCORS)  // 允许的域名
            .allowedMethods("GET", "POST", "PUT", "DELETE")  // 允许的方法
            .allowedHeaders("*")  // 允许的请求头
            .allowCredentials(true)  // 是否允许发送凭证（如 Cookie）
            .maxAge(3600);  // 预检请求的缓存时间（秒）
}