问题标签 [angular2-jwt]

我是 Angular 的新手，我正在尝试通过在 Angular 6 上使用 angular-jwt 来验证我的身份验证令牌。验证令牌的目的是在用户登录时允许使用不同的按钮，并在用户登录时显示不同的按钮集他们注销。

这是我的身份验证服务。

这是我的 HTML 代码

现在我的问题是在我登录之前它在控制台上正确登录为真，但是在我登录并转到个人资料页面后，按钮不会改变，因为它仍然记录为真，然后再次记录为假。

登录前：

登录后：

我认为这是由于在 app 模块中使用了令牌 getter 函数，但我不确定如何实现它。

我的应用模块组件：

我正在尝试使用 angular2-jwt 的 tokenNotExpired 来检查用户是否已登录。但是当我实现这个时，我在cli中得到以下错误：-

我已经使用“npm install angular2-jwt@latest --save”命令安装了 angular2-jwt。

以下是 auth.service.ts 代码：-

我还检查了 package.json 中也正确添加的依赖项。我不知道这个错误是从哪里发生的。

以下场景：我的 Spring Boot 2.0 REST 服务通过与 Keycloak 对话的 API 网关获取 Angular 6 客户端发出的请求。所以请求是由已经通过身份验证的用户发出的（由 API 网关完成）。有关用户及其角色的信息被打包在作为请求一部分的 JWT 令牌中（在带有承载令牌的授权标头中）。

如何在服务端处理令牌？

我构建了一个TokenPreAuthenticatedProcessingFilter（基于AbstractPreAuthenticatedProcessingFilter）一个在我的配置它WebSecurityConfigurerAdapter如下：

到目前为止一切顺利，但是在控制器中到达（并运行）端点后，请求被重定向并且客户端获得 HTTP 状态代码 302 作为响应而不是数据。

问题：

1. 这种情况下的方法AbstractPreAuthenticatedProcessingFilter是否正确？（我已经阅读了http://springcert.sourceforge.net/sec-3/preauth.html的文档，它应该是），
2. 如果是，那么如何避免重定向？
3. 如果没有，如何以其他正确的方式做到这一点？

我正在使用angular-jwt拦截我的请求并添加 JWT 令牌，但这似乎没有发生。

这是我的角度信息：

这是我的app.module.ts：

这是我的一部分package.json：

对不起，我忘了提到我已经定义了一个tokenGetter函数app.module.ts：

我正在学习 Web 应用程序，刚开始使用 jwt 身份验证。

我了解一般流程。后端如何创建 jwt 令牌以及前端如何检索在每个后续请求中传递的令牌。

但是在每个在线教程或 youtube 教程视频中都提到我们需要一个签名来创建一个令牌，该令牌包含一个只有客户端知道的密钥。但是在所有前端教程中，他们都在发送不记名令牌，其中未显示密钥的使用。

有人可以告诉我如何将密钥与令牌一起传递给服务器吗？

我真的不知道还有什么问题。

服务代码：

组件代码：

在 HTML 代码的末尾：

我对 HTML 代码的问题是authService. 感谢您的阅读。

我一直在使用 express-session 与 mongodb 作为会话存储，所以现在我有机会使用 angular 2 的前端框架，我想知道如何在前端和服务器之间维护会话，因为两者都在运行不同的端口

因此，对于从事 express-session 工作的人来说，有什么方法可以将它与 angular 一起使用，还是我必须转向 JWT

将来我还必须将socketIO集成到项目中，那么正确的方法是什么

令牌如何存储在本地存储和会话存储中 如何生成令牌以及哪个对于管理员用户身份验证是安全的 对于 Angular 应用程序的角度身份验证 使用令牌存储的角度身份验证与浏览器或应用程序中的会话存储一样安全

在将我的应用程序从 Angular 4^ 迁移到 Angular 6（最新版本）后，我的 Auth 服务中出现了一个非常奇怪的错误。

具体来说，当我尝试或环境中的应用程序时， angular2-jwt包会导致致命错误。另一方面，相同的代码在环境中运行得非常好。"serve""build"production"dev"

操作系统 -> MacOS 10.13.6

执行时出现的错误ng serve --configuration production：

下面是一些代码：

包.json

app.component.ts

auth.service.ts（代码的主要部分）

我更新了我的 Angular 6 应用程序，以便它使用auth0/angular2-jwt库。在我现在更新我的服务后，我401 Unauthorized从我的 API 中收到一个错误，尽管一个令牌已正确附加到标头。

使用 Angular 的 HttpClient 发送的任何请求都会自动附加一个令牌作为 Authorization 标头。

这是相关的文档：Usage Injection

所以据我正确理解，我不需要在我想要发出请求的任何时候加载我的令牌，而是将它附加到标头，因为它会自动加载。这是我的代码：

app.module.ts

auth.service.ts

如果我将 Postman 与我的 localStorage 中的令牌一起使用，则一切正常，并且我会取回正确的配置文件数据。如果我使用我的 Angular-App，它就不起作用。