如何将数据从 Spring 后端传递到 Angular 前端？

Question

我知道我的问题有点笼统，但我找不到任何关于此的内容。 如何将数据从 Spring 后端传递到 Angular 前端？ 最好的方法是什么？

一个简单的例子：

我想开发一个与其他系统集成的微服务。 我想提供一个 REST 接口，用户可以通过它在前端触发事件。 现在，当用户发出 REST 请求时，如何将消息传递到 Angular 前端？

前端 -> 后端 REST

后端->前端？？？？

Answer 1

首先，您可以使用 Spring Boot 定义一个端点：

@GetMapping(value = "/test", produces = APPLICATION_JSON_VALUE)
public ResponseEntity<String> test() {
    return ResponseEntity.ok("Hello world");
}

对于开发，您需要关闭 CORS：

@Profile("dev")
@Configuration
public class CorsConfiguration implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
            .allowedMethods("GET")
            .allowedOrigins("http://localhost:4200");
       }
}

然后您可以轻松地订阅 Angular 方法中的数据：

onClick(): void {
this.subscribed = this.http.get('http://localhost:8080/test', {responseType: 'text'})
      .subscribe(data => this.message = data);
}