如何在 NestJS 中记录所有 Axios 外部 http 请求 [英] How to log all Axios external http requests in NestJS

问题描述

我希望能够使用完整的 url、标题等记录每个 axios 请求，但目前没有找到这样做的方法.

I want to be able to log each axios request with full url, headers, etc but currently didn't find a way to do so.

到目前为止我所做的是基于这个answer

What I did achieve so far is to writhe an Http Interceptor based on this answer

export class HttpLoggerInterceptor implements NestInterceptor {
  intercept(
    context: ExecutionContext,
    call$: Observable<any>,
  ): Observable<any> {
    return call$.pipe(
      map(data => {
        // pipe call to add / modify header(s) after remote method
        const req = context.switchToHttp().getRequest();
        return data;
      }),
    );
  }
}

现在我在调试时浏览对象 req 和 context 道具，但看不到 Asios 请求 url 等.除非我错过了.

Now I browse through the objects req and context props on debug but could not see Asios request url, etc. Unless I missed that.

我的控制器路由(在那种情况下为 api/data)有 N 个 http 外部调用发生，但拦截器只拦截控制器控制器调用而不是 Axios 调用.

My controller route (api/data in that case) have N number of http external calls taking place but interceptor intercepts only controller controller call not Axios calls.

有什么想法吗?

即context 对象:

args:Array(2) [IncomingMessage, ServerResponse]
constructorRef:class AppController { … }
getRequest:() => …
getResponse:() => …
handler:data() { … }
__proto__:Object {constructor: , getClass: , getHandler: , …}

即req:

_dumped:false
_events:Object {}
_eventsCount:0
_maxListeners:undefined
_parsedOriginalUrl:Url {protocol: null, slashes: null, auth: null, …}
_parsedUrl:Url {protocol: null, slashes: null, auth: null, …}
_readableState:ReadableState {objectMode: false, highWaterMark: 16384, buffer: BufferList, …}
baseUrl:""
body:Object {}
client:Socket {connecting: false, _hadError: false, _handle: TCP, …}
complete:true
connection:Socket {connecting: false, _hadError: false, _handle: TCP, …}
destroyed:false
fresh:false
headers:Object {accept: "application/json, text/plain, */*", user-agent: "axios/0.18.0", host: "localhost:3000", …}
host:"localhost"
hostname:"localhost"
httpVersion:"1.1"
httpVersionMajor:1
httpVersionMinor:1
ip:"::ffff:127.0.0.1"
ips:Array(0)
method:"GET"
next:function next(err) { … }
originalUrl:"/api/data"
params:Object {}
__proto__:Object {constructor: , __defineGetter__: , __defineSetter__: , …}
path:"/api/data"
protocol:"http"
query:Object {}
rawHeaders:Array(8) ["Accept", "application/json, text/plain, */*", "User-Agent", …]
rawTrailers:Array(0) []
readable:true
readableBuffer:BufferList
readableFlowing:null
readableHighWaterMark:16384
readableLength:0
res:ServerResponse {_events: Object, _eventsCount: 1, _maxListeners: undefined, …}
route:Route {path: "/api/data", stack: Array(1), methods: Object}
secure:false
socket:Socket {connecting: false, _hadError: false, _handle: TCP, …}
stale:true
statusCode:null
statusMessage:null
subdomains:Array(0)
trailers:Object {}
upgrade:false
url:"/api/data"
xhr:false

推荐答案

Nest.js-Interceptors 只处理控制器处理的请求和发出的响应.如果在处理控制器请求时使用 Axios 发出 http 请求，它们将不会被拦截器处理.

Nest.js-Interceptors only process the request handled by your controller and the response going out. If you make http requests with Axios while you handle a controller request, they won't be processed by an interceptor.

HttpService 直接通过 get axiosRef() 公开其 axios 实例.有了它，你可以添加一个 axios 拦截器:

The HttpService exposes its axios instance directly via get axiosRef(). With it, you can add an axios interceptor:

this.httpService.axiosRef.interceptors.request.use(config => { /*...*/ return config })

例如，您可以在 的 onModuleInit() 中执行此操作应用模块.

作为替代方案，您可以创建一个 HttpService 门面，记录请求并将所有调用委托给内置的 HttpService:

As an alternative, you can create an HttpService facade, that logs the request and delegates all calls to the built-in HttpService:

@Injectable()
export class MyHttpService {
  private logger: Logger = new Logger(MyHttpService.name);

  constructor (private httpService: HttpService) {}
  
  public get<T = any>(url: string, config?: AxiosRequestConfig): Observable<AxiosResponse<T>> {
    this.logger.log({url, config});
    return this.httpService.get(url, config)
       .pipe(tap(response => this.logger.log(response)));
  }

  // ... all the other methods you need.

}

您可以创建自己的 LoggingHttpModule，导入内置的 HttpModule 并导出您的 MyHttpService.

You can create your own LoggingHttpModule that imports the built-in HttpModule and exports your MyHttpService.

这篇关于如何在 NestJS 中记录所有 Axios 外部 http 请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！