springboot + Vue前后端项目（第二十一记）

在Spring Boot和Vue前后端项目中，通常需要处理跨域请求。以下是一个简单的跨域配置示例，在Spring Boot中进行设置：

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 CorsConfig {
 
    @Bean
    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**") // 允许跨域的路径
                        .allowedOrigins("http://localhost:8080") // 允许跨域请求的域名
                        .allowedMethods("GET", "POST", "PUT", "DELETE") // 允许的请求方法
                        .allowedHeaders("*") // 允许的请求头
                        .allowCredentials(true); // 是否允许证书（cookies）
            }
        };
    }
}

在这个配置中，我们允许来自http://localhost:8080的域对所有路径(/**)进行跨域请求，并且允许GET, POST, PUT, DELETE方法以及所有的请求头。同时，我们允许请求携带认证信息（如cookies）。

请根据实际的前端服务地址和需求调整allowedOrigins和其他设置。