Angular客户端向Spring REST API发送POST请求无响应问题排查求助

首先，我注意到你的Angular服务里的POST请求写法有一个明显的错误，这很可能是导致请求没发送的核心原因：

1. Angular POST请求参数顺序错误 #

HttpClient.post()的第二个参数是请求体（body），第三个参数才是请求配置（options）。你的代码把httpOptions放在了第二个参数的位置，这会导致框架把请求头对象当成了请求体发送，甚至可能直接导致请求没有被正确触发：

错误代码： #

public addCryptocurrencytoUserFavouriteList(cryptocurrencyname: string):Observable<any>{
 return this.http.post(this.apiURL+"/cryptocurrency/"+cryptocurrencyname,this.httpOptions);
}

修正后的代码： #

因为你的后端接口是通过路径参数{name}接收数据，不需要请求体，所以第二个参数传空对象{}或者null，把httpOptions放到第三个位置：

public addCryptocurrencytoUserFavouriteList(cryptocurrencyname: string):Observable<any>{
 return this.http.post(`${this.apiURL}/cryptocurrency/${cryptocurrencyname}`, {}, this.httpOptions);
}

2. 检查Observable是否被订阅 #

Angular的HttpClient返回的是冷Observable，如果不在组件中调用.subscribe()，请求根本不会执行。请确认你的组件代码是否正确订阅了这个方法：

组件中正确的调用方式： #

this.yourCryptoService.addCryptocurrencytoUserFavouriteList('bitcoin').subscribe({
  next: (response) => {
    console.log('添加成功', response);
  },
  error: (err) => {
    console.error('请求出错', err);
  }
});

如果只是调用了方法但没订阅，请求不会发送，自然前后端都没有任何反应。

3. 用浏览器开发者工具排查请求状态 #

打开浏览器的Network面板，过滤XHR请求，然后触发操作：

• 如果请求根本没出现在列表中：说明Angular这边没触发请求，回到上面两步检查参数和订阅。
• 如果请求出现但状态是pending或报错：检查请求的URL是否和Postman中一致，是否有跨域问题（不过你说其他请求正常，跨域应该已配置，但可以再确认后端CORS设置）。
• 如果请求返回4xx/5xx：查看响应详情，结合后端日志排查（不过你说后端日志没输出，说明请求还没到控制器）。

4. 后端侧的补充排查（当请求能到达后） #

如果前面的问题都解决了，请求还是没触发后端日志，可以：

• 检查后端控制器的@RequestMapping路径是否正确：确认/cryptocurrency/{name}前面是否有/api前缀（看你日志里写的是/api/cryptocurrency/，所以控制器类上应该有@RequestMapping("/api")，如果没有的话路径会不匹配）。
• 检查Spring Security的配置：虽然你说其他带JWT的POST请求正常，但可以确认这个接口的权限配置@PreAuthorize("hasRole('USER')")是否和其他正常请求一致，比如JWT的角色是否正确携带。

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