CorsConfig前后端数据跨域连接---基于SpringBoot+MySQL+Vue+ElementUI+Mybatis前后端分离面向小白管理系统搭建
在Spring Boot应用中,可以通过配置一个CorsConfig
类来实现跨域资源共享(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 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)
}
};
}
}
在这个配置中,我们定义了一个corsConfigurer
方法,返回一个WebMvcConfigurer
的实现,在这个实现中通过addCorsMappings
方法添加了对所有路径的跨域支持。你需要将allowedOrigins
替换为你的前端应用实际的域名或者使用通配符"*"
允许所有域。
确保你的前端应用运行在允许的域名下,并且跨域请求是安全的和可预测的。
评论已关闭