跨域：

瀏覽器對于javascript的同源策略限制，對于不同資源請求出現(xiàn)跨域問題，協(xié)議，端口和主機都相同，則兩個頁面同源。不同資源如下圖示，圖1引用MDN

圖1

下面我們來看看如何使用注解解決跨域問題：

關(guān)于controller 、頁面，請請自行創(chuàng)建模擬。我們主要看注解部分。

全局cors：

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
            .allowedOrigins("*")
            .allowCredentials(TRUE)
            .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
            .maxAge(3600);
    }
}

創(chuàng)建一個配置類 暫且叫 CorsConfig (Cross-Origin Resource Sharing 簡寫cors) 實現(xiàn)WebMvcConfigurer 重寫addCorsMappings.
上面配置表示允許所有請求支持跨域訪問，并且不限定域，支持GET、POST、PUT、DELETE、OPTIONS方法。
重啟項目 不同端口請求訪問success!