1. 创建一个HttpInterceptor类，导入需要的Http拦截器和依赖：

import { Injectable } from '@angular/core'; import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http'; import { Observable } from 'rxjs'; import * as moment from 'moment';

@Injectable() export class DateInterceptor implements HttpInterceptor {

constructor() { }

intercept(req: HttpRequest, next: HttpHandler): Observable> { // 使用moment将日期格式化为特定格式 const newReq = req.clone({ setHeaders: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'date': moment(new Date()).format('YYYY-MM-DDTHH:mm:ss') } }); return next.handle(newReq); } }

2. 将该拦截器添加到app.module.ts中：

import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';

import { AppComponent } from './app.component'; import { DateInterceptor } from './date.interceptor';

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

3. 使用HttpClient的get和post方法向后端发送请求，拦截器会将日期对象转换为字符串：

import { Component } from '@angular/core'; import { HttpClient } from '@angular/common/http';

@Component({ selector: 'app-root', template: Send Request }) export class AppComponent { constructor(private http: HttpClient) {}

sendRequest() { this.http.get('/api/data').subscribe(resp => { console.log(resp); }); } }