SpringBoot 如何解决跨域问题

跨域问题

跨域指的是浏览器在执行网页中的 JavaScript 代码时，由于浏览器同源策略的限制，只能访问同源（协议、域名、端口号均相同）的资源，而不能访问其他源（协议、域名、端口号任意一个不同）的资源。

解决方案

而解决跨域问题的方法，就是在不破坏同源策略的情况下，能够安全地实现数据共享和交互。 常见的解决跨域问题的方法有两种：

•  jsonp
• CORS

其中，CORS 是一种在服务器后端解决跨域的方案，它的工作原理很简单。如果一个网站需要访问另一个网站的资源，浏览器会先发送一个 OPTIONS 请求，根据服务器返回的 Access-Control-Allow-Origin 头信息，决定是否允许跨域访问。所以，我们只需要在服务器端配置 Access-Control-Allow-Origin 属性，并配置允许哪些域名支持跨域请求即可。在 Spring Boot 中，提供了两种配置 Access-Control-Allow-Origin 属性的方式来解决跨域问题：

• 通过@CrossOrigin(origins = "http://localhost:8080")注解，指定允许哪些origins 允许跨域
• 使用 WebMvcConfigurer 接口，重写 addCorsMappings 方法来配置允许跨域的请求源

@CrossOrigin方式 

@RestController
@RequestMapping("/api")
public class MyController {

    @GetMapping("/hello")
    @CrossOrigin(origins = "*", maxAge = 3600)
    public String hello() {
        return "Hello World!";
    }
}

 使用 WebMvcConfigurer 接口

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 implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("http://localhost:8080")
                .allowedMethods("*");
    }
}