解決跨域訪問:
(1)nginx配置: (不一樣服務器站點之間失效)
# add_header Access-Control-Allow-Origin *;
# add_header Access-Control-Allow-Headers X-Requested-With;
# add_header Access-Control-Allow-Methods GET,POST,OPTIONS;nginx
(2)在攔截器中加入:(都可)
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with");spring
(3)controller加入註解:Controller上使用@CrossOrigin註解
Spring MVC 從4.2版本開始增長了對CORS的支持
在spring MVC 中增長CORS支持很是簡單,能夠配置全局的規則,也能夠使用@CrossOrigin註解進行細粒度的配置。
使用@CrossOrigin註解
先經過源碼看看該註解支持的屬性:
在Controller上使用@CrossOrigin註解
@CrossOrigin(origins = "*", maxAge = 3600)
@RestController
@RequestMapping("/account")
public class AccountController {api
@RequestMapping("/{id}") public Account retrieve(@PathVariable Long id) { // ... } @RequestMapping(method = RequestMethod.DELETE, path = "/{id}") public void remove(@PathVariable Long id) { // ... }
}
這裏指定當前的AccountController中全部的方法能夠處理全部域上的請求,
在方法上使用@CrossOrigin註解
@CrossOrigin(maxAge = 3600)
@RestController
@RequestMapping("/account")
public class AccountController {跨域
@CrossOrigin("http://domain2.com") @RequestMapping("/{id}") public Account retrieve(@PathVariable Long id) { // ... } @RequestMapping(method = RequestMethod.DELETE, path = "/{id}") public void remove(@PathVariable Long id) { // ... }
}
在這個例子中,AccountController類上也有@CrossOrigin註解,retrieve方法上也有註解,Spring會合並兩個註解的屬性一塊兒使用。
CORS全局配置
除了細粒度基於註解的配置,你可能會想定義一些全局CORS的配置。這相似於使用過濾器,但能夠在Spring MVC中聲明,並結合細粒度@CrossOrigin配置。默認狀況下全部的域名和GET、HEAD和POST方法都是容許的。
基於JAVA的配置
看下面例子:
@Configuration
public class WebConfig extends WebMvcConfigurerAdapter {服務器
@Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**"); }
}
您能夠輕鬆地更改任何屬性,以及配置適用於特定的路徑模式的CORS:
若是你使用Spring Boot,你能夠經過這種方式方便的進行配置。
@Configuration
public class WebConfig extends WebMvcConfigurerAdapter {mvc
@Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/api/**") .allowedOrigins("http://domain2.com") .allowedMethods("PUT", "DELETE") .allowedHeaders("header1", "header2", "header3") .exposedHeaders("header1", "header2") .allowCredentials(false).maxAge(3600); }
}
不限制任何請求(方便複製粘貼)
@Configuration
public class CorsConfig extends WebMvcConfigurerAdapter {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "HEAD", "POST", "PUT", "PATCH", "DELETE", "OPTIONS", "TRACE");
}
}app
基於XML的配置
這個配置和上面Java方式的第一種做用同樣。
一樣,你能夠作更復雜的配置:
<mvc:mapping path="/api/**" allowed-origins="http://domain1.com, http://domain2.com" allowed-methods="GET, PUT" allowed-headers="header1, header2, header3" exposed-headers="header1, header2" allow-credentials="false" max-age="123" /> <mvc:mapping path="/resources/**" allowed-origins="http://domain1.com" />