使用http angular2获取数据时ngfor失败答案

【问题标题】：Failed ngfor when fetching data using http angular2使用http angular2获取数据时ngfor失败
【发布时间】：2016-04-24 13:23:51
【问题描述】：

跨域请求被阻止：同源策略不允许读取位于http://localhost:8080/index/home 的远程资源。（原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

客户端在 8000 运行

rest服务运行在8080，服务有@CrossOrigin(origins = "http://localhost:8000/")

还是不行

【问题讨论】：

显然服务器不提供您尝试获取的 URL。
我已经和其他客户核实过，我确实得到了回复。它在 angular2 一侧，我不确定我在哪里犯了错误
这是错误 16.04.24 14:55:22 404 GET / [1]
[1]
[1]
[1]
[1]

这看起来不像是一条错误消息（404 除外）。

您能否尝试正确格式化错误消息（用反引号“`”包装）。请编辑您的问题并在此处添加错误消息。请再次检查这正是错误消息。 AFAIR 404 还显示了实际失败的 URL。您上面的评论看起来不像是一条错误消息。

标签： angular http-status-code-404 ngfor

【解决方案1】：

@Bean
public CorsFilter corsFilter() {
    final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    final CorsConfiguration config = new CorsConfiguration();
    config.setAllowCredentials(true);
    config.addAllowedOrigin("*");
    config.addAllowedHeader("*");
    config.addAllowedMethod("OPTIONS");
    config.addAllowedMethod("HEAD");
    config.addAllowedMethod("GET");
    config.addAllowedMethod("PUT");
    config.addAllowedMethod("POST");
    config.addAllowedMethod("DELETE");
    config.addAllowedMethod("PATCH");
    source.registerCorsConfiguration("/**", config);
    return new CorsFilter(source);
}

【讨论】：