springboot 配置解决跨域问题

最新推荐文章于 2025-03-28 20:03:48 发布

qq_17885583

最新推荐文章于 2025-03-28 20:03:48 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏： springboot

本文链接：https://blog.csdn.net/qq_17885583/article/details/104037714

springboot 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在SpringBoot后端应用中配置跨域资源共享（CORS），以实现与前端Vue应用的无缝交互。通过设置允许的源、请求头、方法及凭证，确保了前后端间的稳定数据交换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于cors (Cross-origin_resource_sharing)

springboot 端配置

package org.linlinjava.litemall.core.config;

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 {
    // 当前跨域请求最大有效时长。这里默认30天
    private long maxAge = 30 * 24 * 60 * 60;

    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("http://xxx.com"); // 1 设置访问源地址 多个可用","分离
        corsConfiguration.addAllowedHeader("*"); // 2 设置访问源请求头
        corsConfiguration.addAllowedMethod("*"); // 3 设置访问源请求方法
//        # 服务端接受跨域带过来的Cookie,当为true时,origin必须是明确的域名不能使用*
        corsConfiguration.setAllowCredentials(true);//允许凭证
        corsConfiguration.setMaxAge(maxAge);
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig()); // 4 对接口配置跨域设置 
        return new CorsFilter(source);
    }
}

前端vue配置

设置 axios.defaults.withCredentials=true  //携带凭证

参考跨域踩坑经验总结 https://ningyu1.github.io/site/post/92-cors-ajax/