如何以编程方式将相关标头添加到Application Insights Angular http请求

npm install @microsoft/applicationinsights-web @microsoft/applicationinsights-angular

import { HttpClientModule } from '@angular/common/http';
import { AppInsightsModule } from '@microsoft/applicationinsights-angular';

@NgModule({
  imports: [
    HttpClientModule,
    AppInsightsModule.forRoot({
      instrumentationKey: 'YOUR_INSTRUMENTATION_KEY',
    }),
    // 其他模块导入
  ],
  // 其他配置
})
export class AppModule { }

import { HttpClient } from '@angular/common/http';
import { AppInsightsService } from '@microsoft/applicationinsights-angular';

@Component({
  // 组件配置
})
export class YourComponent {
  constructor(
    private http: HttpClient,
    private appInsightsService: AppInsightsService
  ) { }

  sendRequest() {
    const headers = {
      'HeaderName': 'HeaderValue',
      // 添加其他标头
    };

    const options = {
      headers: new HttpHeaders(headers),
    };

    this.appInsightsService.trackDependency({
      target: 'YOUR_DEPENDENCY_NAME',
      data: 'YOUR_DEPENDENCY_DATA',
      duration: 0,
      success: true,
      resultCode: 200,
      method: 'YOUR_HTTP_METHOD',
      url: 'YOUR_REQUEST_URL',
      properties: { 'YOUR_PROPERTY_NAME': 'YOUR_PROPERTY_VALUE' },
    });

    this.http.get('YOUR_REQUEST_URL', options).subscribe(
      (response) => {
        // 处理响应
      },
      (error) => {
        // 处理错误
      }
    );
  }
}