首页 > 解决方案 > 如果我从网络中的不同电脑输入,我在 Angular 应用程序中收到错误 0

问题描述

当我从托管的 pc 启动应用程序时,我可以看到该表。如果我从局域网中的不同电脑启动 Angular 应用程序,那么我会在表中得到错误 0。

我看到这可能是 CORS Java Spring Boot 的问题,但我是新手。在 angular did server 192.168.xx --host 中,我也尝试了 0.0.0.0 --host 我确实构建了它并尝试了 http-server 但同样的问题再次出现。只能在本地主机中工作,我局域网中的其他电脑看不到数据,只有前端。

@Bean
public CorsFilter corsFilter() {
    UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
    CorsConfiguration corsConfiguration = new CorsConfiguration();
    corsConfiguration.setAllowCredentials(true);
    corsConfiguration.setAllowedOrigins(Arrays.asList("http://localhost:4200","http://192.168.0.40:4200","http://192.168.0.140:4200","http://192.168.0.31:4200"));
    corsConfiguration.setAllowedHeaders(Arrays.asList("Origin", "Access-Control-Allow-Origin", "Content-Type",
            "Accept", "Jwt-Token", "Authorization", "Origin, Accept", "X-Requested-With",
            "Access-Control-Request-Method", "Access-Control-Request-Headers"));
    corsConfiguration.setExposedHeaders(Arrays.asList("Origin", "Content-Type", "Accept", "Jwt-Token", "Authorization",
            "Access-Control-Allow-Origin", "Access-Control-Allow-Origin", "Access-Control-Allow-Credentials", "Filename"));
    corsConfiguration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS"));
    urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
    return new CorsFilter(urlBasedCorsConfigurationSource);
}

标签: javaangularspringspring-boot

解决方案


问题已修复。我确实改变了角度服务

  private readonly apiUrl = 'http://localhost:8080';

private readonly apiUrl = 'http://192.168.0.xxx:8080';

推荐阅读