spring cloud + angular4 CORS跨域403问题

1、Angular http请求封装

ng g component component/user/detail

打开Terminal输入指令，创建相应组件，比如我要创建一个user detail 组件。在某某dictionary下。

命名规则根据自己喜好，比如我的包划分一般是commons下放公共服务管道组件等，component下放业务相关组件，每个业务模块定义不同的名称如user，每个模块下分model模型和service服务等。

根据我个人喜好的命名发添加路由和添加http服务如下

添加路由

ng generate module app-routing --flat --module=app

添加http服务

ng g service commons/service/http

懒得写了。。。。无非就是封装一下http请求之类

2、spring cloud 配置全局CorsFilter

@SpringCloudApplication
@EnableFeignClients
public class Application {
  public static void main(String[] args){
    SpringApplication.run(Application.class, args);
  }
  @Bean
  public CorsFilter corsFilter() {
    final UrlBasedConfigurationSource source = new UrlBasedConfigurationSource ();
    final CprsCpmfogiration configuration = new CorsConfiguration();
    configuration.setAllowCredentials(true);
    configuration.setAllowedOrigins(new ArrayList(){{add("*");}});
    configuration.setAllowedHeaders(new ArrayList(){{add("*");}});
    configuration.setAllowedMethods(new ArrayList(){{add("*");}});
    source.registerCorsConfiguration("/**", configuration);
    return new CorsFilter(source);
  }
}