首页 > 解决方案 > 我无法向我自己的 Spring 引导服务器发出 Angular Http 请求

问题描述

我现在正在学习使用 Angular 的前端和使用 Spring Boot 的后端,当我尝试从后端获取数据时遇到问题。

角代码:

ngOnInit() {

    this.http.get('http://127.0.0.1:8081/products').toPromise().then((data) => {
      console.log(data);
    });
  }

后端工作得很好,因为我尝试用Postman获取数据,它工作得很好。

邮递员获取请求图像

还将 URL(http://127.0.0.1:8081/products)直接复制到我的浏览器中,效果很好。

在此处输入图像描述

但是,当我尝试从例如JSONPlaceholder请求数据时,它可以很好地与 angular http get 函数配合使用。

ngOnInit() {

    this.http.get('http://jsonplaceholder.typicode.com/todos/1').toPromise().then((data) => {
      console.log(data);
    });
  }

JSONPlaceholder 请求的结果:

{
  "userId": 1,
  "id": 1,
  "title": "delectus aut autem",
  "completed": false
}

我希望这些额外的信息可以帮助你帮助我。

最后但并非最不重要的是我收到的错误消息:

错误信息

标签: angularhttp

解决方案


感谢所有帮助人员,我为所有遇到类似问题的人找到了答案。

所以基本上我忘了将此注释添加到后端的其余控制器中。

@CrossOrigin(origins = "*", maxAge = 3600)

推荐阅读