最近在做的專案中，我們採用前後端分離式開發。後臺RequestController介面寫好後，通過另一臺電腦的前端介面用ajax訪問我電腦上的後臺服務介面時，http請求會返回500的錯誤。經過查閱資料得知，這個問題是由“跨域請求”所引起的。那麼這個“跨域”到底是什麼呢？

一、什麼是跨域請求？

跨域請求，就是說瀏覽器在執行指令碼檔案的ajax請求時，指令碼檔案所在的服務地址和請求的服務地址不一樣。說白了就是ip、網路協議、埠都一樣的時候，就是同一個域，否則就是跨域。這是由於Netscape提出一個著名的安全策略——同源策略造成的，這是瀏覽器對JavaScript施加的安全限制。是防止外網的指令碼惡意攻擊伺服器的一種措施。

二、SpringBoot工程如何解決跨域問題？

那麼如何在SpringBoot中處理跨域問題呢？方法有很多，這裡著重講一種——利用@Configuration配置跨域。
程式碼實現如下：

/**
 * Created by myz on 2017/7/10.
 *
 * 設定跨域請求
 */
@Configuration
public class CorsConfig {
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*"
 
); // 1 設定訪問源地址
        corsConfiguration.addAllowedHeader("*"); // 2 設定訪問源請求頭
        corsConfiguration.addAllowedMethod("*"); // 3 設定訪問源請求方法
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**"
 
, buildConfig()); // 4 對介面配置跨域設定
        return new CorsFilter(source);
    }
}

這裡最重要程式碼是

corsConfiguration.addAllowedOrigin("*"); // 1 設定訪問源地址
corsConfiguration.addAllowedHeader("*"); // 2 設定訪問源請求頭
corsConfiguration.addAllowedMethod("*"); // 3 設定訪問源請求方法
source.registerCorsConfiguration("/**", buildConfig()); // 4 對介面配置跨域設定

“*”代表全部。”**”代表適配所有介面。
其中addAllowedOrigin(String origin)方法是追加訪問源地址。如果不使用”*”（即允許全部訪問源），則可以配置多條訪問源來做控制。
例如：

corsConfiguration.addAllowedOrigin("http://www.aimaonline.cn/"); 
corsConfiguration.addAllowedOrigin("http://test.aimaonline.cn/"); 

addAllowedOrigin是追加訪問源地址，而setAllowedOrigins是可以直接設定多條訪問源。
但是有一點請注意，我檢視setAllowedOrigins方法原始碼時發現，原始碼如下

public void setAllowedOrigins(List<String> allowedOrigins) {
        this.allowedOrigins = allowedOrigins != null?new ArrayList(allowedOrigins):null;
}

根據原始碼可以得知，setAllowedOrigins會覆蓋this.allowedOrigins。所以在配置訪問源地址時，
addAllowedOrigin方法要寫在setAllowedOrigins後面，當然了，一般情況下這兩個方法也不會混著用。

addAllowedHeader、addAllowedMethod、registerCorsConfiguration方法和addAllowedOrigin的原始碼差不太多，這裡就不一一介紹了。感興趣的朋友可以自行查閱。

三、其他實現跨域請求方法

例如在介面上使用@CrossOrgin註解:

@RestController
@RequestMapping("/account")
public class AccountController {

    @CrossOrigin
    @GetMapping("/{id}")
    public Account retrieve(@PathVariable Long id) {
        // ...
    }

    @DeleteMapping("/{id}")
    public void remove(@PathVariable Long id) {
        // ...
    }
}

對於上述程式碼，官方給出如下一段說明：

You can add to your @RequestMapping annotated handler method a @CrossOrigin annotation in order to enable CORS on it (by default @CrossOrigin allows all origins and the HTTP methods specified in the @RequestMapping annotation).

意思就是可以直接在@RequestMapping介面上使用@CrossOrigin實現跨域。@CrossOrigin預設允許所有訪問源和訪問方法。

還有一種方法是直接對整個Controller進行跨域設定：

@CrossOrigin(origins = "http://domain2.com", maxAge = 3600)
@RestController
@RequestMapping("/account")
public class AccountController {

    @GetMapping("/{id}")
    public Account retrieve(@PathVariable Long id) {
        // ...
    }

    @DeleteMapping("/{id}")
    public void remove(@PathVariable Long id) {
        // ...
    }
}

這裡，可以對@CrossOrigin設定特定的訪問源，而不是使用預設配置。

以上就是對SpringBoot下配實現跨域請求的介紹。