首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Angular 4.4.0-RC.0中找不到自定义HTTP响应头

可能是因为该版本的Angular还不支持直接设置自定义HTTP响应头。然而,你可以通过使用拦截器来实现自定义HTTP响应头的功能。

拦截器是Angular提供的一种机制,用于在HTTP请求和响应之间进行拦截和处理。你可以在拦截器中对HTTP响应进行修改,包括添加自定义的HTTP响应头。

以下是一种实现自定义HTTP响应头的方法:

  1. 创建一个拦截器类,实现HttpInterceptor接口。你可以使用Angular提供的@Injectable装饰器来标记该类为可注入的。
代码语言:typescript
复制
import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class CustomHeaderInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    // 在这里修改HTTP响应头
    const modifiedRequest = request.clone({
      setHeaders: {
        'Custom-Header': 'Custom Value'
      }
    });

    return next.handle(modifiedRequest);
  }
}
  1. 在你的模块中提供该拦截器。在providers数组中添加以下代码:
代码语言:typescript
复制
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { CustomHeaderInterceptor } from './custom-header.interceptor';

@NgModule({
  // ...
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: CustomHeaderInterceptor,
      multi: true
    }
  ]
})
export class YourModule { }

现在,当你发起HTTP请求时,拦截器将会拦截该请求并添加自定义的HTTP响应头。

请注意,以上代码仅适用于Angular 4.3.0及以上版本。如果你使用的是Angular 4.4.0-RC.0,你可能需要升级到更高版本的Angular以使用拦截器功能。

希望这个答案能够帮助到你!如果你对其他问题有任何疑问,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ASP.Net和IIS删除不必要的HTTP响应

转载:http://www.cnblogs.com/CareySon/archive/2009/12/14/1623624.html 为了看到从服务器和浏览器之间通信的HTTP,你需要在浏览器安装一些插件...而这些HTTP日志会包含HTTP,在这篇文章我会假设读者已经熟悉了这个软件,假如你并不熟悉这个软件的话,我推荐阅读Troubleshooting Website Problems by Examining...使用Fiddler,找一个使用IIS和Asp.net的Web服务器,比如微软asp.net官方网站,通常在默认情况下,HTTP响应会包含3个Web服务器的自身识别....1.1.4322 X-AspNetMvc,指定当前版本的Asp.net MVC(如果使用Asp.net MVC的话): X-AspNetMvc-Version:1.0        这些服务器自身识别信息大多数情况下并不会被浏览器使用...,因此可以被安全的移除,这篇文章的余下部分将会讲述如何移除这些HTTP

1.9K10

【译】ASP.Net和IIS删除不必要的HTTP响应

      X-Powered-By HTTP并不只是Asp.net存在,其他服务端语言,比如PHP,也会包含这个HTTP,当Asp.net被安装时,这个头会作为一个定制的HTTP插入IIS...,因此,我们需要将这个HTTP从IIS的配置删除,如果你的网站是共享的环境下并且没有使用IIS7并使用管道模式,你不得不为此联系你的空间提供商来帮你移除。...(如果你的网站是IIS7环境下,那你可以通过HTTP Module的形式通过编程来移除)      IIS6移除X-Powered-By HTTP: 启动IIS Manager 展开Website...目录 Website上点击右键并在弹出的菜单中选择属性 选择HTTP Header标签,所有IIS响应包含的自定义HTTP都会在这里显示,只需要选择响应HTTP并点击删除就可以删除响应HTTP...而在IIS7移除X-Powered-By HTTP的方法是: 启动IIS Manager 展开Website目录 选择你需要修改的站点并双击HTTP响应头部分 所有的自定义HTTP全在这里了,删除相应的仅需要点击右边的

2.9K10

SNS项目笔记--RXjs简要用法

本篇从实战角度出发,简要的概括它的两个使用方法 1、极简HTTP请求 1.1、创建provider 命令行输入ionic g provider youProviderName 创建好后,系统会自动导入从...@angular/http里导入Http这个类,方便后续做直接使用此类做HTTP请求。...this.getToken() }); getToken() { let token = localStorage.getItem("token"); return token || "" } 自定义请求后我们可以完全掌握与后台的请求对接方式...注意:这里的get,post源码是这样写的: /** * Performs a request with `get` http method. */ get(url:...2、回调监听--组件通讯 写ionic时发现当页面pop()的时候,竟无返回响应机制,这个时候,页面与页面就可以使用RXjs进行传播串接起来,类似于Android里面的EventsBus,Otto等

88240

Angular 从入坑到挖坑 - HTTP 请求概览

一、Overview angular 入坑记录的笔记第四篇,介绍 angular 如何通过 HttpClient 类发起 http 请求,从而完成与后端的数据交互。...项目中创建一个接口,按照后端返回的数据信息进行属性的定义,用来映射请求的响应信息(Angular 只能将请求响应对象转换成接口类型,不能自动转换成类实例) ng g interface interfaces...; /** * 热度 */ hots: number; } 服务,引入请求响应对象的接口定义,然后设定 get 请求的响应对象为 GetQuotesResponseModel,之后使用时就可以以一种结构化数据的方式获取请求返回的数据信息...执行服务的方法时,有时会存在没有回调函数的情况,此时也必须执行 subscribe 方法,否则服务HTTP 请求是没有真正发起的 服务的 getAntiMotivationalQuotes...,从而不需要在后续的业务逻辑代码再进行判断请求是否成功 4.3.1、自定义拦截器 Angular 可以新建一个继承于 HttpInterceptor 接口的拦截器类,通过实现 intercept

5.3K10

Angular HttpClient 拦截器

之前的 Angular 6 HttpClient 快速入门 文章,我们已经简单介绍了 Http 拦截器。本文将会进一步分析一下 Http 拦截器。拦截器提供了一种用于拦截、修改请求和响应的机制。...在上面的 AuthInterceptor 拦截器,我们实现的功能就是设置自定义请求。接下来我们来介绍如何利用拦截器实现请求日志记录的功能。...CachingInterceptor 实现缓存拦截器之前,我们先来定义一个 Cache 接口: import { HttpRequest, HttpResponse } from '@angular/...另外在实际的场景,我们一般都会为缓存设置一个最大的缓存时间,即缓存的有效期。在有效期内,如果缓存命中,则会直接返回已缓存的响应对象。.../common/http/testing"; import { HTTP_INTERCEPTORS } from "@angular/common/http"; import { AuthInterceptor

2.6K20

JSON Web Token(JWT)教程:一个基于Laravel和AngularJS的例子

服务器使用在用户浏览器上设置的cookie进行响应,并包含用于标识用户的会话ID。 每个后续请求,由于用户数据存储服务器上,服务器需要找到该会话并对其进行反序列化。...Laravel 5,我们可以使用app/Exceptions/Handler.php文件捕获异常。使用render函数,我们可以基于抛出的异常创建HTTP响应。...以便我们可以通过Authorization(header) 每个请求上发送它。...我们的例子,Authorization如果用户被认证,我们要拦截每个HTTP请求并注入一个包含我们的JWT 的。我们也可以使用拦截器来创建一个全局的HTTP错误处理程序。...这意味着为了响应受限数据,对该数据的请求需要在其Authorization(header)或查询字符串(query string)内包含一个有效的JWT 。

30.5K10

【Hybrid开发高级系列】AngularJS(二)——常用$服务

$apply()方法可以angular框架之外执行angular JS的表达式,例如:DOM事件、setTimeout、XHR或其他第三方的库。...    headers: 一个列表,每个元素都是一个函数,返回http     xsrfHeaderName(字符串):保存XSFR令牌的http的名称     xsrfCookieName: 保存...请求的响应对象 $http请求的响应对象         angular传递给then方法的响应对象包括以下几个属性     data: 转换之后的响应体     status: http响应状态码...    headers: 信息     config: 生成原始请求的设置对象     statusText: http响应状态的文本 1.4.4 拦截器         angular通过拦截器我们可以从全局层面对请求以及响应进行拦截...对象,我们可以响应返回时用then方法来处理回调。

37940

【云+社区年度征文】Spring内容协商

可用选项包括检查文件扩展名的URL路径、检查“accept”、特定查询参数,或者不请求任何内容时返回默认内容类型。默认情况下,首先检查请求URI的路径扩展,然后检查“accept”。...从结果可以看出返回了csv表格类型的响应:    从浏览器发送请求的话会下载csv文件,内容和上述一致:    发送参数和请求模式的请求找不到合适的视图解析器直接走默认响应类型: 4.2.2...查询参数模式 查询参数模式默认的参数名是format,可以设置启用参数查询模式的基础上设置自定义parameterName。...type=pdf 下载文件后看到结果:    发送后缀和请求模式的请求找不到合适的视图解析器直接走默认响应类型: 4.2.3请求模式 请求模式中加入Accept:application...type=csv 响应结果:    从结果可以看出走的是参数模式。④也就是说如果参数模式和请求模式都开启并且请求参数包含这种模式的内容情况下,会优先走参数策略模式。

78600

关于请求被挂起页面加载缓慢问题的追查

Angular Angular首当其冲。为什么,因为这个问题出现在后台MIS系统,且这些系统多用Angular开发。 Angular :怪我咯。...因为问题多出现在基于Angular的MIS系统,并且Angular的性能一直是被诟病的,所以听到不少的声音将矛头指向Angular。这似乎没什么好庇护的。...与正常相比,最后一次发送请求和读取响应无异常,时间就多在了前面还有再次发送和请求的过程,细看时间都花在了以下两个事件HTTP_STREAM_PARSER_READ_HEADERS [dt=21301...第三次尝试的时候正常了,于是正确返回,我们才看到了被解析的响应被展示了下面。也就是说在出问题的时候要么响应未拿到,要么响应非法导致解析不成功。而原因就是链接被重置。...ERR_CONNECTION_RESET被唤起的地方 Chromium的源码搜索该常量名,确实出现很多结果。联系到我们查看日志发现问题的上下文,是解析响应报的。

4.1K20
领券