Spring Boot + Vue 跨域配置（CORS）问题解决历程

在Spring Boot中配置全局CORS解决跨域问题的示例代码：

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
 
@Configuration
public class GlobalCorsConfigurer {
 
    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**") // 对所有接口都应用CORS配置
                        .allowedOrigins("http://localhost:8080") // 允许Vue前端的域名访问
                        .allowedMethods("GET", "POST", "PUT", "DELETE") // 允许的请求方法
                        .allowedHeaders("*") // 允许的请求头
                        .allowCredentials(true); // 是否允许发送cookie
            }
        };
    }
}

这段代码定义了一个全局的CORS配置，它允许来自http://localhost:8080的Vue前端应用发起跨域请求，并且允许GET、POST、PUT、DELETE请求方法以及所有请求头，同时允许发送cookies。这样配置后，前后端分离项目的跨域问题就可以得到解决。