如何解决前后端存在的跨域问题

最新推荐文章于 2025-10-22 12:06:31 发布

原创最新推荐文章于 2025-10-22 12:06:31 发布 · 333 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了IP端口号不同导致的跨域问题，并提供了一种基于SpringBoot的解决方案，通过添加CorsFilter来实现跨域请求的支持。具体包括允许所有源、设置发送cookie信息、允许所有请求方式和所有header。

1.IP 端口号不同都会造成跨域问题

2.解决思路：可以在服务器代码添加相应业务代码：

例如：

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 {

    public CorsConfig() {
    }

    @Bean
    public CorsFilter corsFilter() {
        // 1. 添加cors配置信息
        CorsConfiguration config = new CorsConfiguration();
        config.addAllowedOrigin("*");

        // 设置是否发送cookie信息
        config.setAllowCredentials(true);

        // 设置允许请求的方式
        config.addAllowedMethod("*");

        // 设置允许的header
        config.addAllowedHeader("*");

        // 2. 为url添加映射路径
        UrlBasedCorsConfigurationSource corsSource = new UrlBasedCorsConfigurationSource();
        corsSource.registerCorsConfiguration("/**", config);

        // 3. 返回重新定义好的corsSource
        return new CorsFilter(corsSource);
    }

}