使用ajax請求后臺時(shí)前端控制臺報(bào)錯(cuò)：Failed to load https://example.com/: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://anfo.pl' is therefore not allowed access. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

CORS跨域問題的兩種解決方式

1.nginx反向代理
思路是：利用nginx反向代理把跨域?yàn)椴豢缬颍С指鞣N請求方式
缺點(diǎn)：需要在nginx進(jìn)行額外配置，語義不清晰

2.后臺處理，與SpringBoot啟動類同級目錄下新建一個(gè)配置類

@Configuration
public class CorsConfig {
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        // 你需要跨域的地址,* 表示對所有的地址都可以訪問
        corsConfiguration.addAllowedOrigin("*");
        // 跨域的請求頭
        corsConfiguration.addAllowedHeader("*");
        // 跨域的請求方法
        corsConfiguration.addAllowedMethod("*");
        // 可以攜帶 cookie，可以 在跨域請求的時(shí)候獲取同一個(gè) session
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        // 配置 可以訪問的地址
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }

}

參考文章：http://www.itdecent.cn/p/98d4bc7565b2