vue.js+springboot前后端分离，跨域不同请求时sessionId不一致问题解决方法

最新推荐文章于 2023-05-02 15:52:22 发布

小W的日常

最新推荐文章于 2023-05-02 15:52:22 发布

阅读量1.4k

点赞数

分类专栏： SpringBoot vue.js Java

本文链接：https://blog.csdn.net/baidu_35800355/article/details/103982010

版权

本文介绍了在Vue.js和SpringBoot进行前后端分离开发时，遇到跨域请求导致SessionID不一致的问题及解决方案。通过设置Vue.js的axios全局配置和SpringBoot的跨域配置，确保每次请求携带Cookie，从而保持登录状态。

摘要由CSDN通过智能技术生成

第一步：先解决不允许跨域请求的问题，vue.js使用的端口是8080，springboot后台使用的端口是8081，当前端调用后台http://localhost:8081的接口，会报不允许跨域请求方法的403错误，因此需要编写一个配置类解决跨域调用接口的问题。

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.setAllowCredentials(true);
        corsConfiguration.addAllowedOrigin("http://localhost:8080"); // 允许任何域名使用
        corsConfiguration.addAllowedHeader("*"); // 允许任何头
        corsConfiguration.addAllowedMethod("*"); //