简单来说,CORS是一种访问机制,英文全称是Cross-Origin Resource Sharing,即我们常说的跨域资源共享,通过在服务器端设置响应头,把发起跨域的原始域名添加到Access-Control-Allow-Origin 即可。
返回新的CorsFilter(全局跨域)
在任意配置类,返回一个新的CorsFilter Bean,并添加映射路径和具体的CORS配置信息。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| @Configuration public class GlobalCorsConfig { @Bean public CorsFilter corsFilter() { CorsConfiguration config = new CorsConfiguration(); config.addAllowedOrigin("*"); config.setAllowCredentials(true); config.addAllowedMethod("*"); config.addAllowedHeader("*"); config.addExposedHeader("*");
UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource(); configSource.registerCorsConfiguration("/**", config);
return new CorsFilter(configSource); } }
|
使用注解(局部跨域)
在方法上(@RequestMapping)使用注解 @CrossOrigin
1 2 3 4 5 6
| @RequestMapping("/hello") @ResponseBody @CrossOrigin("http://localhost:8080") public String index(){ return "Hello World"; }
|
在控制器(@Controller)上使用注解 @CrossOrigin
1 2 3 4 5 6 7 8 9 10
| @Controller @CrossOrigin(origins = "http://domain.com", maxAge = 3600) public class AccountController {
@RequestMapping("/hello") @ResponseBody public String index(){ return "Hello World"; } }
|
手工设置响应头(局部跨域)
使用HttpServletResponse对象添加响应头(Access-Control-Allow-Origin)来授权原始域,这里Origin的值也可以设置为”*” ,表示全部放行。
1 2 3 4 5 6
| @RequestMapping("/hello") @ResponseBody public String index(HttpServletResponse response){ response.addHeader("Access-Control-Allow-Origin", "*"); return "Hello World"; }
|
Nginx配置跨域
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| upstream server { server 127.0.0.1:8091; } server { listen 80; server_name domain.com;
location ^~/api { //添加跨域请求头 proxy_set_header Access-Control-Allow-Origin *; proxy_set_header Access-Control-Allow-Methods *; proxy_set_header Access-Control-Allow-Headers *;
if ($request_method = 'OPTIONS') { return 204; } rewrite ^/api/(.+?)$ /$1 break; proxy_pass http://server; } }
|