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

constructor(private http: HttpClient) {}

getData() {
  const apiKey = 'your-api-key';
  return this.http.get(`https://api.example.com/data?api_key=${apiKey}`);
}

import { HttpClient, HttpHeaders } from '@angular/common/http';

constructor(private http: HttpClient) {}

getData() {
  const headers = new HttpHeaders({
    'API-KEY': 'your-api-key'
  });
  
  return this.http.get('https://api.example.com/data', { headers });
}

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    const authReq = req.clone({
      headers: req.headers.set('API-KEY', 'your-api-key')
    });
    return next.handle(authReq);
  }
}

import { HTTP_INTERCEPTORS } from '@angular/common/http';

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
  ]
})
export class AppModule {}

// environment.ts
export const environment = {
  production: false,
  apiKey: 'your-dev-api-key'
};

// environment.prod.ts
export const environment = {
  production: true,
  apiKey: 'your-prod-api-key'
};

// 使用时
import { environment } from '../environments/environment';

const headers = new HttpHeaders({
  'API-KEY': environment.apiKey
});