欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Spring boot -- Cors 跨域问题

程序员文章站 2024-02-05 10:09:34
...

Cors 是由W3c 制定的一种跨域资源共享的技术,其目的就是为了解决前端跨域的请求,在 java ee 中,前端经常使用的跨域的请求是jsonp 的请求技术,但是jsonp 只支持 GET 请求,而Cors 则支持多种 http 请求方法。

无论是简单的请求,还是复杂的请求,前端的写法都是不变的,额外的处理都是在服务器端 来完成,在spring boot  中可以使用简单的方式完成

Controller 控制器

@RestController
@RequestMapping("/book")
public class BookController {
    @PostMapping("/")
    public String addBook(String name) {
        return "receive" + name;
    }

    @DeleteMapping("/{id}")
    public String deleteBookById(@PathVariable Long id) {
        return String.valueOf(id);
    }
}

解决跨域的问题

@RestController
@RequestMapping("/book")
public class BookController {
    @PostMapping("/")
//    @CrossOrigin(value = "http://localhost:8081", maxAge = 1800, allowedHeaders = "*")
    public String addBook(String name) {
        return "receive" + name;
    }

    @DeleteMapping("/{id}")
//    @CrossOrigin(value = "http://localhost:8081", maxAge = 1800, allowedHeaders = "*")
    public String deleteBookById(@PathVariable Long id) {
        return String.valueOf(id);
    }
}

在CrossOrigin 中 value  表示的跨域的请求、maxAge表示的是 探测请求的有效期(先进性判断是否有效),默认为30分钟,allowedHeaders 表示的是 请求的头,该域中的所有的请求都可以 

上面的配置是 细粒度的配置,下面介绍全局的配置

@Configuration
public class MyWebConfig implements WebMvcConfigurer {
    /**
     * 用于设置 跨域
     * @param registry  是否配置了 CORS 规则
     */
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry
                .addMapping("/book") // 表示 那种格式的请求路径可以实现跨域
                .allowedHeaders("*") // 表示运行的请求头,默认所有的请求头都可以
                .allowedMethods("*")// 表示默认的请求方式,默认只支持get  post   head
                .maxAge(1800) // 表示 探测请求的 有效期
                .allowedOrigins("http://localhost:8081"); // 表示支持的域
    }
}