SpringBoot解决跨域问题

什么是跨域?

定义:浏览器从一个域名的网页取请求另一个域名下的东西。通俗点说,浏览器直接从A域访问B域中的资源是不被允许的,如果想要访问,就需要进行一步操作,这操作就叫“跨域”。例如,你从百度的页面,点击一个按钮,请求了新浪的一个接口,这就进行了跨域。不单单只有域名不同就是跨域,域名、端口、协议其一不同就是不同的域,请求资源需要跨域。

为什么要跨域?

为什么需要跨域,而不直接访问其他域下的资源呢?这是浏览器的限制,专业点说叫浏览器同源策略限制。主要是为了安全考虑。现在的安全框架,一般请求的时候header中不是都存个token嘛,你要是用这个token去正常访问A域下的东西是没问题的,然后又去访问了B域,结果阴差阳错的还带着这个token,那么B域,或者说B网站是不是就可以拿着你的token去A域下做点什么呢,这就相当危险了。所以浏览器加上了所谓的浏览器同源策略限制。但是为了我们真的需要从A域下访问B的资源(正常访问),就需要用到跨域,跨越这个限制了。

SpringBoot解决跨域问题

SpringBoot可以基于Cors解决跨域问题,Cors是一种机制,告诉我们的后台,哪边(origin)来的请求可以访问服务器的数据。

全局配置跨域

@Configuration
public class GlobalCors implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**") // 添加跨域路由路径
            .allowedOrigins("*") // 放行哪些原始域
            .allowCredentials(true) // 是否发送Cookie信息
            .allowedMethods("GET", "POST", "PUT", "DELETE") // 放行哪些原始域(请求方式)
            .maxAge(3600);
    }
}

局部配置跨域

  • 在方法上(@RequestMapping)使用注解 @CrossOrigin
 	@RestController
	@GetMapping("/hello")
    @CrossOrigin("http://localhost:8080") 
    public String index( ){
        return "Hello World";
    }
  • 在控制器(@Controller)上使用注解 @CrossOrigin
@RestController
@CrossOrigin(origins = "http://localhost:8080", maxAge = 3600)
public class HelloController {
   @GetMapping("/hello")
   public String index( ){
        return "Hello World";
    }
}

参考资料