当前位置: 首页 > 知识库问答 >
问题:

获取http://localhost:4200/resource404(未找到)

方野
2023-03-14

我正在尝试将数据从Spring Boot应用程序获取到Angular应用程序。

我的角度组件具有以下代码:

constructor(private http: HttpClient) { 
    http.get('resource').subscribe(data => this.greeting = data);
}

我的Spring boot controller具有以下代码:

@RequestMapping("/resource")
public Map<String,Object> home() {
    Map<String,Object> model = new HashMap<String,Object>();
    model.put("id", UUID.randomUUID().toString());
    model.put("content", "Hello World");
    return model;
}

然而,当我运行这个应用程序时,我得到了一个404错误,如下图所示:

共有1个答案

公西星文
2023-03-14

您应该请求服务器引导的域。在这种情况下,您正在向localhost:4200发出GET请求,这是默认的Angular CLI域端口。

因此,您正在向前端应用程序所在的端口发出请求。

如果你的服务器在localhost:3000上,你会像这样执行get请求:

`this.http.get(`http://localhost:3000/resources`).subscribe()...`
 类似资料:
  • 交叉起源没有发生,被CORS策略阻止。 我使用的是Windows系统。 在文件中: 在文件中: 我在浏览器控制台中遇到此错误: CORS策略阻止了从http://localhost:1111/api/v1/employees/createhttp://localhost:4200对XMLHttpRequest的访问:对预飞行请求的响应没有通过权限改造检查:请求的资源上没有访问控制允许起源标头。<-

  • 我正在使用http代理中间件将表单数据从React前端发送到Express server, 但是似乎不起作用 它应该代理 而是抛出一个错误: 邮递http://localhost:3000/api/sendMail404(未找到)。 前端代码: 设置代理。js: 服务器js:

  • 问题内容: 我正在尝试将数据流式传输到浏览器。但是,我正在努力将其连接到浏览器。这是我的html: 这是我的app.js的相关部分: 我通过packages.json文件安装了socket.io 0.9.16: 有谁可以帮我离开这里吗?为什么找不到文件? 深入挖掘。为了测试套接字,我将其放在app.js中: 我得到错误: 问题答案: 你可以尝试一下: 我想,您将不得不实例化socket.io服务器

  • 有一个应用程序在角7也有一个. net web api解决方案,当我调用一个动作CORS问题发生,错误如下 CORS策略阻止从http://localhost:57467/UserDetails/GetUserDetailshttp://localhost:4200访问XMLHttpRequest:对预试请求的响应不通过权限改造检查:请求的资源上不存在访问控制允许起源标头。 我试图使用Web ap

  • 我有一个有角度的Spring靴项目。Angular项目包含向端口8080上运行的Spring Boot应用程序发出Http请求的服务。奇怪的是,我的至少一个服务正在对localhost:4200而不是localhost:8080进行Http调用,尽管我认为我已经设置了正确的配置。 角度服务: proxy.conf.json项目根目录下的文件: 我用以下命令启动Angular服务器:ng serve

  • 请求标头如下所示: 临时头显示为access-control-request-headers:content-type access-control-request-method:POST origin:http://localhost:4200 referer:http://localhost:4200/login user-agent:mozilla/5.0(Macintosh;Intel M