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);
  }
}



你可能感兴趣的:(心路历程)