前后端分离跨域处理 每次请求JSESSIONID不一致springboot vue

每次请求JSESSIONID不一致springboot vue

检查以下几个地方：

一、SpringBoot后端

①配置类

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;


@Configuration
public class CorsConfig {

    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.setAllowCredentials(true);
        corsConfiguration.setMaxAge(3600L);         // 预检请求的有效期，单位为秒。
        corsConfiguration.setAllowCredentials(true);// 是否支持安全证书(必需参数)
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }
}

②每个controller的方法前加上

@CrossOrigin(origins = "*", maxAge = 3600,allowCredentials="true")

例如：

//注册
@CrossOrigin(origins = "*", maxAge = 3600,allowCredentials="true")
@ResponseBody
@RequestMapping("register")
public String register(User user) {
    user.setId(4);
    userService.addUser(user);
    return "sucess";
}

二、Vue前端
①request.js中加入
axios.defaults.withCredentials=true;

import axios from 'axios'
axios.defaults.withCredentials=true;
export function request(config) {
  // 1.创建axios的实例
  const instance = axios.create({
    baseURL: 'http://127.0.0.1:8081/xxx',
    timeout: 5000
  })

②（注意！如果前面还未解决！请看如下地方）
config下面的index.js
host要写127.0.0.1

// Paths
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        proxyTable: {
            '/api': {
                target: 'http://xxx.xxx.xxx.xxx:xxx', // 你请求的第三方接口
                changeOrigin: true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
                pathRewrite: { // 路径重写，
                    '^/api': '/api' // 替换target中的请求地址，也就是说以后你在请求http://api.jisuapi.com/XXXXX这个地址的时候直接写成/api即可。
                }
            }
        },

        // Various Dev Server settings
        host: '127.0.0.1', // can be overwritten by process.env.HOST
        port: 9999, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

并且访问前端，也需要使用127.0.0.1，不要使用localhost

OK！分享一波用法！不会的给我私信或者回复留言！
觉得有帮助的可以关注一波！经常分享编程踩坑经验！