Angular休息Apiheader通话问题

Question

我想为所有请求设置 header。不想一次又一次地为每个请求设置 header 就像我有这样的代码

public update(student: Student): Promise<Student>
{
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    headers.append('authentication', `${student.token}`);

    const url = `${this.studentsUrl}`;

    return this.http
        .put(url, JSON.stringify(student), { headers: headers })
        .toPromise()
        .then(() => student)
        .catch(this.handleError);
}

那么有什么方法可以为每个请求设置通用 header 吗？

Answer 1

更新 :

要在 angular 4.3 下面添加通用 header，您可能需要开发自定义服务。请参考 this 答案，它解释了 angular 4.3.

之前的最佳解决方案

您好，您可以试试 HTTP 拦截器：

Note : HTTP interceptors are supported by Angular 4.3+

这是拦截器文件

import { Injectable, NgModule} from ‘@angular/core’;
import { Observable } from ‘rxjs/Observable’;
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from ‘@angular/common/http’;
import { HTTP_INTERCEPTORS } from ‘@angular/common/http’;
@Injectable()
export class MyInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
      const dupReq = req.clone({ headers: req.headers.set(‘Consumer-Secret’, ‘some sample key’) });
      return next.handle(dupReq);
   }
};

并在 app.module.ts 中：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { MyInterceptor } from './interceptors/my.interceptor';


@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, HttpClientModule],
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: MyInterceptor, multi: true }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

请参考this网站参考

Angular休息Apiheader通话问题

Angular Rest Api header call issue

typescript

angular2-routing

angular