问题标签 [angular2-headers]

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 投票
0 回答
189 浏览

angular - Angular 2:从响应中检索标头

我正在使用 observable 从 WS 发出请求。我想获得一些特定的标题,但我无法获得它们。

我找到了这个讨论并遵循了他们提出的解决方案,但是它对我不起作用。

例如:进入 chrome tab network,我的标题是:

当我这样做时,只返回and Cache-ControlContent-Type

是否有另一种方法可以使用 Angular 2 检索 Set-Cookie 标头?

0 投票
2 回答
455 浏览

angular - Angular 2 与 JQuery 一起使用

我正在尝试将 JQuery 与 Angular 2 Cli 一起使用。

我通过使用npm install jquery --save并添加import $ from 'jquery/dist/jquery'到 app.module.ts 来安装 JQuery。

我在 Chrome 中收到此错误Cannot find module 'jquery/dist/jquery'.)。但我可以在 node_modules 中找到 jquery 文件夹。

我正在使用 JQuery,因为我想在我的项目中使用这个带有阴影效果的标题。如果不使用 Material Design 或其他 UI 组件,我找不到这种类型的标题的角度版本(因为我不喜欢使用它,因为它改变了我项目中的一些样式)。

0 投票
1 回答
1236 浏览

ionic2 - 添加自定义http标头时未保存Angular2 httponly cookie

在 Angular2 应用程序和 Java 后端 API 之间实现和处理 CORS 问题时,我已经走到了尽头。

我知道并知道什么是 CORS 请求,已经在 angular1 应用程序中实现,但我无法使其在 Angular2 (Ionic2) 应用程序中工作。

ionic 2 应用程序应该使用现有的 API Web 服务,该服务已经启用了用于发出 CORS 请求的一切,并且身份验证是使用 Http only cookie 完成的......已经在 Angular 1 中实现。

出于某种原因,当我们在请求中设置标头时,Angular2 将“ withCredentials ”标志设置为 false 或根本不发送,并且向 api 发出请求但不返回 cookie……我们无法进行身份验证API 调用。我已经尝试了很多很多东西来将 http 标头和“withCredentials”标志一起发送,但在 Angular2 中似乎没有任何效果,而在 Angular1 中则可以正常工作。我们发送的所有标头都是服务器允许的,它们在响应中的“Access-Control-Allow-Headers”中返回。

有趣的是,如果我尝试仅使用“withCredentials”标志发送请求,则请求发送正常,并且浏览器正确设置了 cookie。

我尝试过以下事情:

  1. 创建自定义 http 类,如下所述:http: //www.adonespitogo.com/articles/angular-2-extending-http-provider/

  2. 扩展类似 BrowserXhr 类并将“withCredentials”设置为 true,如下所述:Angular 2 - http get withCredentials

  3. 直接在 RequestOptions 中设置,如下所示: angular 2 http withCredentials

  4. 像这里一样扩展 BaseRequestOptions (RequestOptions): Angular2 - 为每个请求设置标头

示例代码:

稍后在模块中:

也试过这样:

如果有人成功结合了 http 标头和 withCredentials 标志,请分享您的经验。

更新: 我没有找到解决这个问题的方法,所以我们决定删除一些安全头并对请求进行 IP 地址过滤。通过这种方式,我们不需要发送任何额外的 http 标头并继续使用 httponly cookie。

0 投票
1 回答
2696 浏览

angular - Angular 2: ERROR TypeError: .. is not a function

在本教程getting-started-with-angular-2-step-by-step-6-sumption-real-data-with-http/之后,我正在尝试使用 angualrio 从 json 文件中读取数组。

但是我收到了错误

错误发生在这一行

由于http response已更新,上面的行与教程不同。reponse.json()现在回来Body.json()

为了简化和模仿我的问题,我创建了一个 json 数组 x 如下

然后使用this.toEvent(x[0])下面调用函数的行

然而我最终得到了错误ERROR TypeError: this.toEvent is not a function

更新(响应@Yonexbat)toEvent 与我调用它的范围相同。两个函数在类中紧随其后,如下所示

0 投票
1 回答
3262 浏览

spring-boot - 获取请求未通过授权标头

我正在尝试将 GET 请求从我的 Angular 前端传递到我的 Spring Boot 后端。我正在使用 JWT 对所有内容进行身份验证,并且正在使用 HTTP 拦截器在请求标头中添加令牌,如下所示:

我没有看到在 chrome 的请求标头中添加了令牌: 图片链接

后端也看不到它,因此返回 403。我怀疑这与 CORS 有关(我在同一台机器上托管前端和后端,我正在使用Chrome + CORS 插件)。

所以我尝试允许 CORS 请求到我的后端:

这似乎仍然不起作用。此外,我尝试使用 Postman 执行相同的 GET 请求,这似乎工作得很好。有谁可以帮我离开这里吗?