问题标签 [angular2-jwt]

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 投票
2 回答
771 浏览

angular - Angular 2 - 将文件作为表单数据的一部分发送

有谁知道如何使用 Angular 2 中的 AuthHttp (angular2-jwt) 服务将图片(文件)作为表单数据的一部分发送?

0 投票
1 回答
11995 浏览

angular - Angular2-jwt - AuthHttp,刷新令牌,把它们放在一起

有点像我在这里绕圈子,也许是因为使用了这么多订阅并且不得不将它们链接在一起。

如果令牌过期,我希望能够使用刷新令牌刷新令牌。这就是我所拥有的,如果可能的话,我非常感谢一个简单的工作示例。

总之,我如何确保 AudienceService 首先检查令牌是否有效,如果不是,它会尝试使用刷新令牌刷新它,然后使用适当的令牌调用端点?

app.module.ts:

auth.service.ts:

观众.service.ts:

0 投票
1 回答
941 浏览

angular - 从角度 2 调用 laravel 后端 api

我正在开发一个网站,angular2并在 laravel 中使用dingo. 现在我想从角度 2 中的这个 api 获取数据。但我当然想保护 api,这样现在只有我的角度前端被允许从api.

我搜索了很多,但找不到最好的方法。大多数搜索结果使用 jwt 或 auth,但使用angular2用户必须登录的应用程序。在我的情况下,无需登录即可访问包含来自 api 的数据的页面。

我将不胜感激任何有关此主题的有趣教程或其他问题的建议或链接。

0 投票
0 回答
422 浏览

ionic2 - token.split 不是 ionic2 rc.5 项目中使用 angular2-jwt 的函数

我很绝望。。

在我的 ionic2 项目上安装了 npm 包:“angular2-jwt”:“^0.1.28”。(我正在使用 IntelliJ)

当我运行“离子服务”时,我得到:

我在 angular2-jws.js 中看到:

split 有多个声明(EcmaScript.js 和 EcmaScript6.js)。

我还尝试在“设置”>“语言和框架”>“JavaScript”下更改 JavaScript 语言版本并再次提供服务,但没有成功。

相同的代码适用于使用 Visual Studio Code 的 Angular2 项目。

如果有人能给我一个提示,那就太酷了..

0 投票
1 回答
892 浏览

javascript - 未处理的 Promise 拒绝:没有 AuthHttp 的提供者!; 区域:angular2-jwt中的角度

仪表板.service.ts

当我这样做时,它给出了一个错误Error: Uncaught (in promise): Error: DI

app.module.ts

我如何解决这个问题?

0 投票
0 回答
1948 浏览

angular - 如何在 Angular2 中处理 JWT 过期?

我在服务器端使用 slim-jwt-auth。我找不到以角度处理令牌过期的好方法。

我目前的策略:

在访问路由之前,我使用 canActivate 保护来检查令牌。检查意味着: - 检查令牌是否有效(服务器) - 使用 angular2-jwt 助手检查到期日期(客户端)

如果令牌的过期时间 < 1 天,我会刷新令牌。

是否可以在每个 http 请求上启动此步骤,而不仅仅是在访问路由时?例如,当用户在路线上徘徊很长时间时?

一种方法可以是检查时间间隔。但也许有更好的解决方案?

0 投票
1 回答
531 浏览

angular - angular2-jwt 在标头中缺少授权

我有一个 angular2 应用程序,它使用 jwt 身份验证连接到 express/node 服务器。

我正在使用 angular2-jwt,这是我在 app.module.ts 中的配置

然后,对于我的 http 调用,我像这样使用它

其中 this.settings.api 是经过身份验证的 url。

问题是,这在我以前的 php 服务器上运行良好。我刚刚更改了 url 以在 Node 中使用我的新服务器,现在调用失败了,因为令牌未添加到标头中。

当我使用 chrome 控制台检查请求的标头时,我看到:

如果我没记错的话,里面应该有一个Authorization: Bearer token,但它不见了。

我检查了在获取 AuthHttp 时是否可以检索令牌并且它正在工作,因此令牌存在并且可以访问。

有任何想法吗?谢谢,

编辑 我开始认为这可能与 CORS 有关,因为我的旧 php 服务器在另一台机器上,而新节点在我自己的机器上。会是这样吗?在这种情况下如何解决?

0 投票
1 回答
242 浏览

angular - 使用 angular2-jwt 来自 WebApi 中间件的 IdentityServer BearerAuthentication

将我的项目更新到 angular 2 final 后,我在让 WebApi2 授权与 IdentityServer3 和 angular2-jwt 一起工作时遇到了问题。在 angular2-jwt 配置中一切正常之前,headername 为空,并且 token-getter-method 仅返回令牌。

更新空标题名称后导致 javascript 错误:

0 投票
0 回答
99 浏览

angular - Angular 2,订阅的内容从未被调用

我有一个 Spring Boot 后端,它针对数据库对用户进行身份验证并为用户生成一个 JWT 令牌,现在我正在尝试使用 Angular 2 设置前端,我有一个登录功能应该从后端请求身份验证,然后保存localstroge 中的 JWT 令牌,并将用户重定向到 /home 。

当发送请求对用户进行身份验证时,用户已通过身份验证,并返回带有有效 jwt 令牌的 Authorization 标头,但不会重定向到 /home,这是因为 .subscribe() 中的代码从未调用过。什么可能导致这种情况?该代码是本教程的一部分https://auth0.com/blog/creating-your-first-real-world-angular-2-app-from-authentication-to-calling-an-api-and-everything-in -之间/

0 投票
1 回答
795 浏览

angular - 通过 Angular 2 登录表单将用户名和密码传递给 JWT 令牌控制器

我有一个 Angular 2 登录表单,我正在尝试通过 API 调用调用 JWT 令牌控制器。

我的 user.service.ts 如下:-

当我执行 console.log(username, password); 我在表单中输入了正确的用户名和密码。

然后我有如下控制器: -

我的问题是用户名和密码始终为空。

我曾尝试使用 Postman使用用户名和密码向“ http://localhost:5000/api/jwt ”发帖,并且效果很好。

如何将用户名和密码从 Angular 2 表单传递给控制器​​?

感谢您的帮助和时间

约翰