Angular调用Node.js Express API返回400(Bad Request)问题求助

你遇到的问题核心很清晰：你的Node.js API明确期望路径参数（/deleteTodoFromUser/:id/:idTodo），但你后来尝试的代码误用了查询参数（?id=xxx&idTodo=xxx），这直接导致API无法正确解析所需参数，进而返回400错误。

正确的Angular请求实现 #

其实你最开始的URL拼接思路是对的，这里再给出标准的正确写法：

// 确保idUser和idTodo已获取到有效值
const authHeaders = new HttpHeaders().set('Authorization', `Bearer ${this.token}`);
// 用模板字符串拼接路径参数，匹配API的路由格式
const url = `http://localhost:3000/user/deleteTodoFromUser/${idUser}/${idTodo}`;

// 发送PUT请求，body传空字符串，headers放入配置对象中
return this.http.put(url, "", { headers: authHeaders });

为什么查询参数的写法会失败？ #

你的Node.js路由定义为/deleteTodoFromUser/:id/:idTodo，这意味着它会从URL的路径段中提取id和idTodo值，对应代码里的req.params.id和req.params.idTodo。而当你用HttpParams时，参数会被拼接在URL的?后缀里，API无法从req.params中拿到有效数据，就会触发代码里的else分支返回400错误。

额外验证提示 #

• 确认Angular代码中的idUser和idTodo确实是有效、非空的字符串，避免拼接出格式错误的URL
• 既然API在Postman中能正常工作，说明路由逻辑、认证机制都没问题，只要Angular的请求URL格式匹配，就能解决400问题

内容的提问来源于stack exchange，提问作者Hssan Bouzlima