angular2实现统一的http请求头

我会带着你远行 2022-06-11 06:22 191阅读 0赞

//方案1：能用，但token信息不能写在服务中，应该用全局变量替代，而且还得考虑参数复合问题。 @Injectable()
    export class DefaultRequestOptions extends BaseRequestOptions {
        constructor() {
        super();
        this.headers.set('Content-Type', 'application/json');
      }
    }
    export const requestOptionProvider = {
      provide: RequestOptions, useClass: DefaultRequestOptions};
    //方案2:能用，比较正规的实现，但以后请求就只能用myHttp对象了，而且还要考虑参数复合问题。 export class myHttp extends Http {
      defaultHeaders = new Headers({
        'Content-Type': 'application/json'
      });
    
      constructor(_backend: ConnectionBackend, _defaultOptions: RequestOptions, private appInitService: AppInitService) {
        super(_backend, _defaultOptions);
      }
    
      get(url: string, options?: RequestOptionsArgs): Observable<Response> {
        let optionBuf = new RequestOptions({
          headers: this.defaultHeaders,
          params: {
      'token': this.appInitService.token}
        });
        //here extend options; return super.get(url, optionBuf);
      }
    }
    
    export function myHttpFactory(xhrBackend: XHRBackend, requestOptions: RequestOptions, appInitService: AppInitService): myHttp {
      return new myHttp(xhrBackend, requestOptions, appInitService); // 创建myHttp对象 }
    
    export const myHttpProvider = {
      provide: myHttp,
      useFactory: myHttpFactory,
      deps: [XHRBackend, RequestOptions, AppInitService]
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关 Http请求头详解

[在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4...

不念不忘少年蓝@/ 2024年04月17日 14:58/ 0 赞/ 85 阅读

相关 http请求头含义

Accept-Language: zh-cn,zh;q=0.5 意思：浏览器支持的语言分别是中文和简体中文，优先支持简体中文。　　详解：　　Accept-La

男娘i/ 2022年12月16日 09:19/ 0 赞/ 236 阅读

相关 HTTP请求头和响应头

这篇文章简单总结一下HTTP请求头和响应头，并举一些web开发中响应头的用例。 1. HTTP请求头 accept：浏览器通过这个头告诉服务器，它所支持的数据类型。如：

秒速五厘米/ 2022年09月21日 11:38/ 0 赞/ 388 阅读

相关 HTTP请求头详解

HTTP由两部分组成：请求和响应。当你在Web浏览器中输入一个URL时，浏览器将根据你的要求创建并发送请求，该请求包含所输入的URL以及一些与浏览器本身相关的信息。当服务器收到

Love The Way You Lie/ 2022年08月08日 00:51/ 0 赞/ 261 阅读

相关 angular2实现统一的http请求头

//方案1：能用，但token信息不能写在服务中，应该用全局变量替代，而且还得考虑参数复合问题。 @Injectable() export class Defa

我会带着你远行/ 2022年06月11日 06:22/ 0 赞/ 192 阅读

相关揭秘Http请求头

网络编程时，我们在代码中可能会用到请求头这个东西，对于网络比较陌生的萌新可能会不知所措，日常访问网址都是在浏览器地址栏输入网址就可以了啊，怎么这会子要搞什么请求头！其实说多了都

小灰灰/ 2022年06月09日 05:24/ 0 赞/ 247 阅读

相关 HTTP 请求头详解

HTTP由两部分组成 1. 请求 2. 响应 HTTP请求 GET请求示例 GET /demo/test HTTP/1.1 Host: ww

分手后的思念是犯贱/ 2022年06月07日 09:17/ 0 赞/ 325 阅读

相关 http请求头详解

HTTP请求报文解剖 HTTP请求报文由3部分组成（请求行+请求头+请求体）： ![1a4e7e6a-6d7b-38f1-af8a-0431400

阳光穿透心脏的1/2处/ 2022年04月12日 07:59/ 0 赞/ 373 阅读

相关 HTTP请求头详解

原文：[http://www.67bar.com/archives/1229][http_www.67bar.com_archives_1229] HTTP由两部分组成：请求

迷南。/ 2022年04月08日 12:11/ 0 赞/ 372 阅读

相关常用的HTTP请求头

协议头说明示例 Accept 可接受的响应内容类型（Content-Types）。 Accept: text/plain Accept-Charset 可接受的字符集...

朱雀/ 2021年04月16日 14:11/ 0 赞/ 605 阅读