问题标签 [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 投票
1 回答
768 浏览

angular - Angular 5 日志拦截器抛出错误,但调用函数无法读回错误

拦截器代码:

拦截器正在工作,但调用函数无法读取错误,并且它始终为空。

调用函数

如果在拦截器中删除了 catch 代码,则错误又回来了。我希望拦截器进行通用处理,但也允许调用函数在需要时处理错误。可能吗?

0 投票
0 回答
55 浏览

angular - Angular - HttpClient 和拦截器通信

我想根据系统中的不同场景激活/禁用 http 客户端拦截器中的行为。我想轻松启用/禁用secureRequest。安全请求应确保在请求之前用户已通过身份验证(如果令牌存在),并确保响应不会引发未经授权的错误。当使用安全请求的请求失败时,用户将被导航到登录页面。我考虑过发送带有标头的请求。此标头将仅用于拦截器并将由他删除。我知道它可以工作,但感觉非常错误。

0 投票
1 回答
1164 浏览

angular - Angular HttpClient 错误处理

在 HttpClient 中发生错误后,我正在努力解决如何执行代码。我想知道如何设置在 http 调用失败时关闭加载微调器的标志。我正在使用 RxJs 5.5.2 和 Angular 5

所以在快乐的道路上isLoading = false工作,但不知道之后该怎么做catch。它不像现在的代码那样工作。我还根据 Angular 文档使用自定义错误处理程序

0 投票
1 回答
391 浏览

javascript - Angular 5 Typescript 说 webpack 失败,因为类型响应上不存在属性数据

我似乎在 webpack 编译时遇到了错误。如果我删除它会编译,.data但是页面会因模板->组件(调用服务)的调用而爆炸

我得到的错误

src/app/components/app-landing-page/app-landing-page.component.ts(95,41) 中的错误:错误 TS2339:“响应”类型上不存在属性“数据”。

那是我的组件有

零件:

服务:

仅供参考 http 是新的 httpclient

一旦我在没有 .data 的情况下编译它——运行时ng serve --open 我必须重新添加 .data

如果我不添加它,调用将无法正常工作,我会收到此错误

找不到“object”类型的不同支持对象“[object Object]”。NgFor 仅支持绑定到 Iterables,例如 Arrays。

为什么???(console.log 清楚地表明那是数据:Array(16))

编辑更新 显示数据的 console.log

console.log 数据数组的屏幕截图

0 投票
1 回答
13190 浏览

jwt - Angular 5 HttpClient 拦截器 JWT 刷新令牌无法捕获 401 并重试我的请求

我正在尝试实现对 401 响应的捕获,并尝试 在令牌刷新后根据 Angular 4 Interceptor retry requests获取刷新令牌。我试图实现同样的事情,但我永远无法重试该请求,而且我真的不确定这是否是应用刷新令牌策略的最佳方法。这是我的代码:

问题是 SwitchMap 永远无法到达......

还有 do 运算符...

所以这把我带到了我的 authService refreshToken 方法......

它返回一个映射的 observable,我知道如果我替换了 do in...

订阅我会打破我猜的可观察链。我迷路了,我已经玩了很长时间没有解决方案。:D

0 投票
2 回答
4209 浏览

angular - 如何在 Angular 中获取数据

有人可以帮我从 Angular 5 中的 http 响应中获取数字吗?我现在不知道该怎么做,我在互联网上搜索,但 Angular 增长非常快,所以它对我没有帮助。谢谢你的帮助 !

我的代码:

它警告 [object Object] localhost:8080/api/users/verify 返回例如 8 仅 8 无 json 格式 8

0 投票
3 回答
1679 浏览

angular - Angular 4 JWT Http Interceptor 不适用于链请求

我已经为新的 HttpClient 实现了 http 拦截器,并且一切正常,令牌会针对单个请求进行刷新,但是如果我尝试访问从两个 api 延迟加载数据的路由,我会收到一个错误,并且我的 JWT 令牌被列入黑名单。

Laravel 后端令牌刷新方法:

Angular Http 拦截器:

我使用解析器的路线:

公司解析器:(汽车解析器与此类似)

用户服务方法示例:

标题:

每当我使用超过 2 个解析器访问路由时,我收到的第一个响应是正确的,并返回一个带有用户对象的刷新令牌,之后的下一个响应立即返回被列入黑名单的令牌。您能否建议可能是什么问题,我花了太多时间来解决这个问题(

更新1:

我注意到第二次刷新请求传递的是旧令牌而不是新令牌,这就是 Laravel 将令牌列入黑名单的原因

0 投票
2 回答
1559 浏览

angular - 以角度使用“.filter”

我尝试过滤数据(获取给定数字的记录)

但得到错误:

““响应”类型上不存在属性“电话””。

Angular 的版本是 4.2.5,但最近在 package.json (5.1.0) 中进行了更新。寻找

我从 asp.net 核心控制器获取数据库上下文。

这是我的角度代码:

现在错误:

类型“学生 []”上不存在属性“电话”。

0 投票
2 回答
49 浏览

arrays - 将json数据放入数组的简单尝试

我将数据打印到日志中。我是否只是将其放入数组中?所以我可以

}

}

剪断

编辑 1:为什么第一个 .map 有效而另一个无效?

在此处输入图像描述

0 投票
1 回答
769 浏览

javascript - Angular 5 httpClient - 使用 PUT jsonplaceholder 404

我正在尝试使用 jsonplaceholder 测试 Angular 5 httpClient PUT,但它给了我一个 404。

这是代码:

我做错了什么?