Angular前端向Node.js后端发起HttpClient Get请求遇Cannot GET /错误求助

我来帮你排查这个前后端连接的问题，从你的代码和描述来看，主要有几个关键点需要修正和验证：

1. Angular HttpClient.get的调用参数完全错了！ #

GET请求规范里通常不携带请求体，而且Angular的HttpClient.get方法签名也不支持直接把请求体作为第二个参数传入——第二个参数应该是请求配置项（比如请求头、URL参数等）。你现在把JSON.stringify(this.user)硬塞进去，会导致请求被错误处理，甚至可能引发路径解析异常。

修正后的getData方法应该是这样的（如果需要传递参数，用URL参数的方式）：

import { HttpParams } from '@angular/common/http'; // 别忘了引入这个

// ...

getData() {
  // 把需要传递的参数拼到URL上（GET请求推荐的方式）
  const requestParams = new HttpParams()
    .set('id', this.user.id.toString())
    .set('name', this.user.name);

  this.http.get('http://localhost:1025/temp/route1', { params: requestParams })
    .subscribe(
      data => console.log('请求成功:', data),
      error => console.error('请求出错:', error) // 加上错误捕获，方便排查问题
    );
}

2. 跨域请求被浏览器拦截了 #

你的前端（默认是localhost:4200）和后端（localhost:1025）端口不同，属于跨域请求，浏览器会自动拦截这类请求，这很可能是你出现异常的核心原因之一。

给Node.js后端添加CORS支持：

1. 先安装cors依赖：

npm install cors

2. 在你的Node.js服务代码里启用CORS：

const cors = require('cors');
const express = require('express');
const app = express();

// 开发环境可以直接启用全量CORS，生产环境建议配置指定允许的域名
app.use(cors());

// 然后再定义你的路由，同时捕获数据库查询错误
app.get("/temp/route1", (req, res, next) => { 
  myDatabaseCollection.find({ number: "10" })
    .then(pages => res.status(200).json({ items: pages }))
    .catch(err => next(err));
});

3. 先单独验证后端路由的可用性 #

在调试前后端连接之前，先直接用浏览器或者Postman访问http://localhost:1025/temp/route1，确认能正常返回JSON数据。如果这个步骤都有问题，那得先排查后端的数据库连接和路由配置。

4. 检查请求路径的拼写 #

确保Angular里写的请求URLhttp://localhost:1025/temp/route1和后端定义的路由完全一致，注意大小写、斜杠这些细节——比如后端是/temp/route1，前端别写成/temp/Route1或者少了斜杠。

内容的提问来源于stack exchange，提问作者Big Diesel