问题标签 [angular-httpclient]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
12 回答
179679 浏览

javascript - Angular 2:如何访问 HTTP 响应正文?

我在 Angular 2 中编写了以下代码:

当我打印我在控制台中得到的响应时: 在此处输入图像描述

我想在代码中访问响应中的正文字段。“body”字段以下划线开头,表示它是私有字段。当我将其更改为 'console.log(res._body)' 时出现错误。

你知道任何可以在这里帮助我的getter函数吗?

0 投票
5 回答
137817 浏览

angular - HttpModule 和 HttpClientModule 的区别

使用哪一个来构建模拟 Web 服务来测试 Angular 4 应用程序?

0 投票
15 回答
144449 浏览

angular - Angular 4.3 - HttpClient 设置参数

为什么这不起作用?它只设置 'aaa' 而不是 'bbb'

另外,我有一个对象 { aaa: 111, bbb: 222 } 如何在不循环的情况下设置所有值?

更新(这似乎有效,但如何避免循环?)

0 投票
10 回答
339195 浏览

angular - 向 Angular HttpClient 添加 HTTP 标头不会发送标头,为什么?

这是我的代码:


这里是网络调试:

并且数据存储在“请求有效负载”中,但在我的服务器中没有收到 POST 值:

我相信错误来自 POST 期间未设置的标头,我做错了什么?

0 投票
8 回答
248093 浏览

angular - Angular 4 HttpClient 查询参数

我一直在寻找一种将查询参数传递到使用 new 的 API 调用HttpClientModule的方法HttpClient,但尚未找到解决方案。使用旧Http模块,您将编写类似这样的内容。

这将导致对以下 URL 的 API 调用:

localhost:3001/api/v1/data/logs?logNamespace=somelogsnamespace

但是,新HttpClient get()方法没有search属性,所以我想知道在哪里传递查询参数?

0 投票
0 回答
2836 浏览

angular - Angular 4 HttpClient 添加授权标头

我正在尝试访问需要基本授权的 API。

使用 Postman 或 Advanced Rest API Tool,我能够得到响应。但是,当我尝试通过 Angular 4 HttpClient 访问时,我得到了这个异常:

login:1 XMLHttpRequest 无法加载https://someUrl.com:4400/api/v1/login。对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问源“ http://localhost:4200 ”。响应具有 HTTP 状态代码 405。

这是角度代码

0 投票
7 回答
83482 浏览

angular - 如何为 Angular HttpClient 设置 baseUrl?

我没有在文档中找到为 HTTP 请求设置基本 API URL 的方法。是否可以使用 Angular HttpClient 来做到这一点?

0 投票
2 回答
2447 浏览

angular - Getting response headers from HttpClient post request in Angular?

I'm trying to get the response headers from a post request, but the HttpResponse object doesn't contain the same headers that I can see in the network. What am I doing wrong? I need to access the value of the Apiproxy-Session-Id key and it isn't present in the HttpHeaders.

This is my code to execute the post request and log the full response, where http is an HttpClient object.

this.http.post('http://localhost:8081/user/login', JSON.stringify(requestBody), {observe: 'response'}).subscribe(resp => { console.log(resp); });

This is the response I'm logging.

These are the headers I'm seeing in the network.

I'm new to Angular and very stumped by this. Thanks for your help!

0 投票
2 回答
1257 浏览

spring - Angular4不发送帖子数据

Angular HttpClient 不会向控制器发送数据。当我尝试执行 fun() 时,我收到错误 500(因为控制器中的用户名为空)。

测试服务.ts

包.json

Spring MVC 控制器:

来自 postMan 的请求有效,并返回一些用户名。

有谁知道我做错了什么?

0 投票
2 回答
10248 浏览

angular - 如何在 Angular 中有条件地添加 HttpClient 拦截器

最近我一直在使用带有 Angular HttpClient 的拦截器。

我添加了与某些 HTTP GET 方法相对应的标头,对于一些我不需要这些标头。

如何告诉我的拦截器有条件地将拦截器添加到这些方法?我什至可以拆分服务,例如一项服务用于标头,一项服务没有标头,或者一项用于不同标头,一项用于不同标头。

NgModule 提供者

我的拦截器