https://github.com/freewall/axios-console-logger

A console logger for Axios HTTP client.
https://github.com/freewall/axios-console-logger

axios axios-interceptor logging node

Last synced: about 2 months ago
JSON representation

A console logger for Axios HTTP client.

• Host: GitHub
• URL: https://github.com/freewall/axios-console-logger
• Owner: FreeWall
• License: mit
• Created: 2023-04-01T12:13:10.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-04-01T21:01:35.000Z (about 3 years ago)
• Last Synced: 2025-03-30T06:02:32.459Z (about 1 year ago)
• Topics: axios, axios-interceptor, logging, node
• Language: TypeScript
• Homepage: https://www.npmjs.com/@freewall/axios-console-logger
• Size: 36.1 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Axios Console Logger

[![npm version](https://img.shields.io/npm/v/@freewall/axios-console-logger?color=blue)](https://www.npmjs.com/@freewall/axios-console-logger)

[![publish status](https://img.shields.io/github/actions/workflow/status/FreeWall/axios-console-logger/publish.yml)](https://github.com/FreeWall/axios-console-logger/releases/latest)

A console logger for Axios HTTP client.

## Installation

```shell

npm install @freewall/axios-console-logger

```

## Usage

```js

import { AxiosConsoleLogger } from '@freewall/axios-console-logger';

const logger = new AxiosConsoleLogger();

axios.interceptors.request.use((request) => logger.request(request));

axios.interceptors.response.use(

  (response) => logger.response(response),

  (error) => logger.error(error),

);

```

### Options

```js

// default values:

new AxiosConsoleLogger({

  colors: {

    get: {

      request: '#54b7d3',

      response: '#408ba1',

    },

    post: {

      request: '#96c750',

      response: '#6f943b',

    },

  },

  multiline: false,

  responseSize: true,

  responseTime: true,

  requestKeys: ['params', 'data'],

  responseKeys: ['data'],

});

```