Angular中http.get未携带Params问题求助

我来帮你捋捋这个问题——你在getTaggedProofImage方法里用HttpParams设置了pageGuid参数，但响应里找不到它，只能从URL里硬截取，这确实很别扭对吧？咱们一步步来解决：

首先排查问题根源 #

1. 确认请求是否真的发送了参数：打开浏览器开发者工具的「Network」标签，找到这个GET请求，看看「Query String Parameters」里有没有pageGuid。如果这里没有，那可能是getProofTaggedImageUrl方法已经把pageGuid拼到URL路径里了，导致参数没当成查询参数发送；不过你的HttpParams写法是对的（new HttpParams().set()是Angular推荐的不可变用法），大概率是前者的问题。
2. 后端是否返回请求参数：大部分情况下，后端接口不会主动把请求参数再塞回响应里，所以你在response对象里找不到pageGuid是正常的——除非后端特意做了这个处理。

最优解决方案：直接复用传入的参数 #

其实你完全没必要从URL里截取！因为调用getTaggedProofImage的时候，你已经有pageGuid这个变量了呀，直接在订阅的时候用它就行：

// 假设你调用方法时是这样的
const targetPageGuid = '你的pageGuid值';
this.getTaggedProofImage(proofGuid, targetPageGuid)
  .subscribe((response) => {
    // 直接用原来的变量，不用再截取URL！
    const pageGuid = targetPageGuid;
    // 后续逻辑...
  });

这种方式比URL截取靠谱太多，不用担心以后URL格式变化导致截取逻辑失效。

如果确实需要从响应获取参数 #

如果业务场景必须从响应里拿到pageGuid，那只有两种可行办法：

• 跟后端沟通，让他们把请求的pageGuid参数包含在响应体里返回；
• 在请求发起前把pageGuid暂存起来，比如用RxJS的tap操作符或者提前存在组件变量里，订阅时直接取用。

额外检查：getProofTaggedImageUrl的实现 #

如果getProofTaggedImageUrl已经把pageGuid作为路径参数拼到URL里了（比如/proofs/:proofGuid/pages/:pageGuid/tagged-image），那你用HttpParams再传一次pageGuid就是多余的，这时候响应的URL里会有这个值，但响应体里没有是正常的——还是建议直接复用传入的参数。

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