在请求标头中设置 Cookie Angular2

2024-05-12

我是 angular2 的新手。我的服务器(spring)在其响应标头中使用 set-cookie 值来响应身份验证。

如何将该 cookie 设置为下一次 API 调用的请求标头?

我搜索了很多,但找不到合适的解决方案。


作为http.get() or http.post() https://angular.io/docs/ts/latest/api/http/index/Http-class.html您可以指定的方法RequestOptionsArgs https://angular.io/docs/ts/latest/api/http/index/RequestOptionsArgs-interface.html

Use the Headers in the RequestOptionsArgs指定您需要的 auth 标头。

作为一个粗略的例子,请参见下面:

class PeopleComponent {
  constructor(http: Http) {  
    let customHeaders: Headers = new Headers();
    customHeaders.append('myHeaderName', 'myHeaderValue');
    
    http.get('http://my.web/service', { headers: customHeaders })	
      .map(res => res.json())
      .subscribe(people => this.people = people);
  }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在请求标头中设置 Cookie Angular2 的相关文章

  • Angular 2 在没有 @Input 或 @Output 的情况下监视组件属性的更改

    在 Angular 1 x 中 我可以使用 watch 来观看我想要的任何内容 但是在 Angular 2 中 我们有 ngOnChanges 它非常酷且高性能 但只能监视输入和输出装饰器 然而 有时我确实需要观察本地属性 以便在它们发生变
  • 在 Typescript 中导出函数的返回类型

    我有一个构建对象的函数 如下所示 function toast return a a b b 我可以将函数的类型定义为 type ToastFunctionType typeof toast 这种类型将是 gt a string b str
  • 在 TypeScript 中创建 swagger Web 服务的正确方法是什么

    我是用 TypeScript 编写的项目的一部分 我正在尝试添加与 Swagger 兼容的 TypeScript Web 服务器 考虑到易于维护性 实现它的最基本策略是什么 对于 Typescript 我注意到存在 Typson 库 用于从
  • 在 pre 标签内电子加载 html

    我最近创建了一个电子 角度应用程序 它在内部运行以下内容main ts win loadURL url format pathname path join dirname dist index html protocol file slas
  • 如何在 WebStorm 中“运行”TypeScript 文件?

    在我的 WebStorm IDE 中 所有 js and jsx 我的项目中的文件有一个关联的 运行 命令 但此功能不存在 ts or tsx files 我相信我已经为 TypeScript 正确配置了我的项目 因为我至少能够运行tsc从
  • 如何使用 angular2 的路由器实现面包屑[重复]

    这个问题在这里已经有答案了 I use angular2最近 但不知道如何实施breadcrumb组件 任何人都可以帮忙吗 div class row style padding top 15px ol class breadcrumb l
  • 单元测试 HttpClientModule 时出错(Angular 4.3+)

    我正在探索新的 Angular HttpClientModule 并遇到莫名其妙的错误 该模块足够新 我还找不到任何有关如何进行单元测试的有用信息 并且官方文档没有任何示例 该应用程序包含一个具有一种方法的服务 该方法将 URL 传递给ht
  • 重载签名、联合类型和“没有重载与此调用匹配”错误

    想象一个 TypeScript 4 2 2 函数接收一个string or a Promise
  • Chartjs + Angular6 未显示图表或任何错误

    我正在尝试以角度实现chart js 编写了一个简单的代码来在html上显示图表 但是页面上没有输出 也没有错误 我不明白问题出在哪里以及为什么显示图表失败 堆栈闪电战 https stackblitz com edit angularch
  • Typescript + Jquery Ajax + 这个

    我正在将一些 javascript 代码移植到 typescript 中 但遇到了一个问题 我有一个 ajax 调用 它将一个对象作为上下文传递 该对象包含一些回调和一些其他信息 这些信息由成功或错误回调读出 指示成功调用应重定向到的位置
  • Angular 2 形式 + OnPush

    我正在编写一个 Angular 2 应用程序 出于性能原因 我尝试在任何地方使用 ChangeDetectionStrategy OnPush 我有一个复杂的组件 需要 OnPush 才能顺利工作 其中包含另一个显示表单的组件 使用 For
  • 当我没有执行任何数据更改时,为什么会收到 NG0901 错误?

    在下面的代码段中 我正在迭代 ardene section1 items 我已将此数组记录到控制台以验证它确实存在 BEFORE FOR LOOP 测试会打印到屏幕上 但 INSIDE FOR LOOP 测试不会打印 我得到了 NG0901
  • 基于字符串的动态返回类型

    是否可以将字符串传递给函数并分配返回的动态类型 class MyService aMethod arg console log arg Container register my service MyService Internally C
  • 如何使用 useState 挂钩按索引更新数组?

    我有一个选择组件 我想用它来根据索引更新对象数组的值 我这样使用钩子 const areas setAreas useState product areas 这将返回以下 区域 0 de Getraenke en Drinks 1 de S
  • Angular 6 HTTP 客户端发布 - 错误请求

    我有以下问题 我有一个 API 所在的服务器 我将请求发送到注册端点 但作为响应 我收到 400 错误请求错误 指出必须填写姓名 电子邮件等 问题是它们已经满了 我不再怀念创意了 我的代码 import Component from ang
  • Typescript 从传递的函数返回类型推断返回类型

    我可能正在尝试实现不可能的目标 但事情就这样了 我想定义一个函数 function A 它将返回与传递给函数 A 的参数的新函数相同的类型 e g export function test
  • 使用 karma-jasmine 和 istanbul 的 Typescript 代码覆盖率

    我正在尝试使用伊斯坦布尔在业力框架中获取我的打字稿代码的代码覆盖率 在 karma conf 中包含 typescript 文件 通过 karma typescript preprocessor 我们能够对 typescript 代码进行单
  • TypeScript 中类和命名空间的区别

    到底有什么区别classes and namespaces在打字稿中 我知道 如果您创建一个带有静态方法的类 您可以在不实例化该类的情况下访问它们 这正是我猜想的命名空间的要点之一 我还知道你可以创建多个同名的命名空间 并且它们的方法在编译
  • Angular 7 Guard 重定向仅适用于双击

    问题是我已经实现了一个 Guard 旨在处理特定的目录 如果当前用户名的角色等于 2 它应该返回 true 如果没有 那么它不应该重定向 这是我的 app routing module ts 文件 问题出在 userlist 路径中 我们是
  • 如何将数组数据作为formdata Angular 4发送

    我尝试发布一组数据未发送到服务器 网络服务 deleteCategory return this http post http www demo webapi deletecategory headers Authorization Tok

随机推荐