Angular 5调用Spring Boot Restful控制器失败，求排查指引

兄弟，别慌！Postman能正常调用但Angular 5请求连服务器都没到，大概率是前端这边的跨域、请求配置或者拦截器这类问题，我给你一步步捋排查方向：

这是最常见的“Postman通但前端不通”的原因，因为Postman不受浏览器跨域限制，而浏览器会严格校验：

• 打开浏览器控制台的Network面板，触发登录请求后，看有没有CORS相关的报错（比如No 'Access-Control-Allow-Origin' header is present on the requested resource），如果有，直接定位到跨域问题。
• 检查Spring Boot后端的CORS配置：要么在目标控制器方法/类上添加@CrossOrigin注解，要么全局配置CORS过滤器；如果后端没开跨域，浏览器会直接拦截请求，根本不会发往服务器。

• 确认请求URL完全正确：有没有漏写端口？比如后端跑在localhost:8080，你Angular里写成了localhost（默认80端口）或者localhost:4200（Angular自身的端口）？
• 核对请求方法与参数格式：后端是POST接口，你Angular里是不是误写成了GET？后端需要JSON格式参数，你是不是传了表单格式（application/x-www-form-urlencoded）？
• 检查Credentials对象的字段匹配：后端接收的参数字段名（比如username）和你Angular里Credentials类的属性名（比如是不是写成了userName）要完全一致，不然可能触发预检请求失败。
• 如果请求需要携带Cookie等凭证：Angular的请求要设置withCredentials: true，同时后端CORS配置也要开启allowCredentials(true)，否则浏览器会拦截请求。

如果你自定义了HTTP拦截器，先检查是不是拦截器里出了问题：

• 有没有修改请求URL导致地址错误？
• 有没有添加了不合法的请求头？
• 甚至有没有直接取消了请求？
  可以暂时注释掉拦截器的注册代码，再测试请求能不能发出去。

打开浏览器开发者工具（F12）的Network标签，触发登录请求后：

• 如果连请求条目都看不到，那大概率是Angular代码逻辑问题：比如按钮点击事件没绑定、调用auth服务的代码没执行（比如漏写了subscribe()？）。
• 如果有请求条目但状态是Cancelled或Failed，重点看请求的Request Headers里的Origin字段，以及响应头里有没有CORS相关的报错信息，或者预检请求（OPTIONS）是不是失败了。

确认你当前用的是开发环境的API地址：检查environment.ts里的apiUrl是不是正确指向本地的Spring Boot服务，有没有不小心用了生产环境的地址？

按照上面的步骤一步步排查，应该能快速定位到问题~

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