Angular HttpClient使用GET方法的参数无法工作

Question

我想问一下关于使用get方法的参数。我的代码大概是这样的：

    path = 'https://example.com/api';
    const params = new HttpParams();
    params.append('http', 'angular');
    return this.http.get(path, {params: params});

我原本以为我会有这样的网址：
www.example.com/api?http=angular
但实际上，当我在谷歌浏览器的网络选项卡中检查时，请求的网址为：
www.example.com/api
当我想要路径www.example.com/api?http=angular 时，我该怎么办？
是否有可能在不使用谷歌浏览器的情况下检查所使用方法的请求网址？我的意思是在我使用该方法的服务中。

- Adam Adamski

---

可能是Angular 4.3 - HttpClient set params的重复问题。 - Jota.Toledo

Answer 1

在append函数调用之后，您需要重新分配。它返回一个新的HttpParams对象。

const params = new HttpParams().append('http', 'angular');

这是追加方法的文档。你可以看到它返回一个HttpParams实例。

append(param: string, value: string): HttpParams

Construct a new body with an appended value for the given parameter name.

有没有办法在不使用 Chrome 的情况下检查所使用方法的请求 URL？

您可以创建一个 HttpInterceptor 并在拦截器的实现中查看将要使用的整个 URL。 (HttpInterceptor)

- Suren Srapyan