跨域报错问题由浏览器访问后端服务因端口、主机、协议等产生的报错问题。

目前了解到解决方法有如下3种:

1、JSONP

通过js的script标签的src属性配置跨域请求，在跨域地址后面拼接好和服务端约定好的参数命名

2、服务端在配置跨域请求

原理大概是服务端在响应前端请求后会自动在响应头中添加Access-Control-Allow-Origin：*避免跨域报错问题。以下服务端跨域配置参考:

@Configuration
public class GlobalCorsConfig {

    @Bean
    public CorsFilter corsFilter() {

        CorsConfiguration config = new CorsConfiguration();
        //允许白名单域名进行跨域调用
        config.addAllowedOrigin("*");
        //允许跨越发送cookie
        config.setAllowCredentials(true);
        //放行全部原始头信息
        config.addAllowedHeader("*");
        //允许所有请求方法跨域调用
        config.addAllowedMethod("*");
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", config);
        return new CorsFilter(source);

    }
}

3、通过nginx反向代理

修改nginx配置文件