问题标签 [angular2-jwt]

至少我认为我提供的是正确的。下面是我的 app.module 文件和我使用 AuthHttp 的服务的相关片段。我按照自述文件中的配置创建了为 AuthHttp 提供的工厂方法，但存在一个持续存在的问题，即在我的服务中无法识别它。我读过关于嵌套依赖注入的文献，我觉得我做的事情是正确的。

app.module.ts

员工服务.ts

搞了半天也没找到刷新token的办法 TTL：30分钟 刷新TTL：2周

如果我在 45 分钟 innactive 后刷新页面，那么我会创建一个 getAccessToken() 函数来发送过期的令牌，然后将刷新的令牌发回给我。最大的问题是，如果我的页面发出超过 1 个 ajax 请求，那么如果第一个请求使我的令牌无效，那么第二个请求会强制我重新登录，因为它发送空令牌

我希望请求等待第一个请求的响应

如果令牌已过期，我想在自定义 http 请求之前刷新令牌。当我确定令牌已过期时，我会尝试我的代码，但它会给出以下控制台结果：

据我了解，在刷新令牌期间它会进入无限循环。我已经用按钮在其他地方测试了 updateToken() 方法，它工作正常。

我究竟做错了什么？

自定义http服务

应用模块

使用 AuthHttp 时出现错误，但身份验证返回一个好的令牌。我在https://jwt.io/上验证了它，它很好。

我正在使用 Angular 4。我的代码如下：

登录代码

token ![enter image description here] 1 :"eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZG1pbiIsInJvbGVzIjpbInJlYWQtb25seSIsInJlYWQtd3JpdGUiXSwiaWF0IjoxNDk2MTkxNDg4LCJleHAiOjE0OTYyMDAwODh9.qPCQY3yHujuCLb9g-F5b0MUQO3tyTr_Y5YRoMOQ0DBA"

然而获取数据抛出错误

并得到

错误 getPayments：错误：JWT 必须有 3 个部分

话虽如此，如果我return this.http.get(this.baselink + '/getPayments')改用它，它会起作用。AuthHttp 的连接没有到达服务器。该特定控制器暂时不受服务器限制，但目的是保护它，可能令牌不包含在 AuthHttp 标头中

和全局标题

我正在创建一个示例 MEAN 身份验证应用程序，其中我有一个主页、注册页面、登录页面、仪表板和个人资料页面。我正在尝试在 angular2-jwt 的帮助下应用身份验证。但这对我不起作用。我卡在登录页面。当我输入用户名密码（正确）时，会出现“您已登录”的闪烁消息，但不会将我重定向到仪表板页面（在身份验证部分之前工作）。当我手动输入仪表板页面的 url 时（在我登录后现在应该可以访问），它仍然会将我重定向到登录页面。

另一个问题是我已经编写了登录和注册按钮的代码，一旦用户登录就会消失，但在“您已登录”的闪存消息之后它们并没有消失。

任何形式的帮助将不胜感激。

这是我的 navbar.component.html

我的 navbar.component.ts

我的 app.module.ts

我的 auth.gaurd.ts

我的 auth.service.ts

和我的 login.component.ts

如果我需要上传任何其他文件，请告诉我。并且“我已经导航”正在控制台中打印，该控制台写在 login.comonent.ts 中（我写它只是为了检查）。

我的表格帖子

并且每当调用 http://localhost:4200/callback时，导航到 callbackComponent。但在这里它无法导航到显示无法发布/回调的回调组件。

我怎么能在我的 angular2 CallbackComponent 中捕获帖子表单。

我在请求的标头中设置 JWT 时遇到问题。这是我构建请求的方式：

当我逐步完成时，这看起来很完美，但它是通过带有令牌的服务器来的。在服务器上，标头如下所示：

-= 编辑 =-

为了回答一些问题，我实际上开始使用 Headers 和 RequestOptions 类，这给了我奇怪的结果，所以我转而使用对象文字来尝试简化。这就是我所拥有的：

但是，当我将令牌附加到标头时，它只会重复值中的键。这是调试窗口的屏幕截图。

如您所见，即使我将键设置为x-access-token并将值设置为令牌（我检查它以验证它实际上是令牌），标头x-access-token同时作为键和值。

我也可以通过检查来验证令牌是否是正确的令牌。这是一个截图：

--== 更多信息 ==--
如果我从 Postman 发送请求，它可以工作。这是邮递员的请求：

这是通过 Node 实现的：

这是我在 Angular 中的要求：

这是通过 Node 实现的：

尝试使用 JWT 开发我的应用程序的访问控制，我遵循我在社区中找到的一些建议，我正在通过服务器端的这两个函数（PHP Restfull API）对令牌部分进行编码和解码：

但是从客户端（Angular2），我无法解码它并收到以下错误消息：

在通过社区搜索后，我决定这样做：

它工作正常，但我相信有更好的方法。

有没有比嵌套替换函数更好的解码返回字符串的解决方案？

进行 API 调用时遇到 AngularJS(2/4) 问题。每个 API 请求都有 JWT Auth Token 标头，这使得 API 重复，其中第一个请求不返回响应（但 200 statusCode），但第二个请求返回实际数据。

我正在尝试在 Angular 4 中实现简单的 jwt 身份验证

这是我的服务器端 web api 身份验证代码

这是我设置标头的 Angular 4 http 扩展器

这是我实际的 httprequest 调用

我在服务器端获取标头为空，您能告诉我我缺少什么以及如何读取标头