axios

---

1. GET Request with Query Parameters:

axios.get('https://example.com/api/users', {
  params: {
    name: 'John',
    age: 30
  }
});

2. POST Request with JSON Data:

axios.post('https://example.com/api/users', {
  name: 'Jane',
  age: 35
});

3. PUT Request to Update Resource:

axios.put('https://example.com/api/users/1', {
  name: 'John',
  age: 40
});

4. DELETE Request:

axios.delete('https://example.com/api/users/1');

5. Request with Authorization Header:

const token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...';
axios.get('https://example.com/api/users', {
  headers: { Authorization: `Bearer ${token}` }
});

6. Intercepting Requests and Responses:

axios.interceptors.request.use(config => {
  // Do something before the request is sent
  return config;
});

axios.interceptors.response.use(response => {
  // Do something with the response data
  return response;
});

7. Concurrency:

const requests = [
  axios.get('https://example.com/api/users/1'),
  axios.get('https://example.com/api/users/2')
];

axios.all(requests).then(axios.spread((user1, user2) => {
  // Do something with both users
}));

8. Handling Errors:

axios.get('https://example.com/api/users/1')
  .then(response => {
    // Request successful
  })
  .catch(error => {
    // Request failed
  });

9. Timeouts:

axios.get('https://example.com/api/users/1', {
  timeout: 5000
});

10. Progress Events:

const progress = axios.get('https://example.com/api/users/1', {
  onDownloadProgress: progressEvent => {
    // Progress event occurred
  }
});

11. Canceling a Request:

const cancelToken = axios.CancelToken.source();

const request = axios.get('https://example.com/api/users/1', {
  cancelToken: cancelToken.token
});

// Later, cancel the request
cancelToken.cancel();

12. Setting Custom Header:

axios.defaults.headers.common['X-Custom-Header'] = 'value';

13. Using Proxy:

const proxy = {
  host: 'localhost',
  port: 8080
};

const config = {
  proxy
};

axios.create(config);

14. Basic Authentication:

const auth = {
  username: 'username',
  password: 'password'
};

const config = {
  auth
};

axios.create(config);

15. Using Axios with Express.js:

const express = require('express');
const axios = require('axios');

const app = express();

app.get('/api/users', async (req, res) => {
  const users = await axios.get('https://example.com/api/users');
  res.json(users.data);
});

16. Using Axios with Node.js Stream:

axios.get('https://example.com/api/users', { responseType: 'stream' })
  .then(response => {
    response.data.pipe(fs.createWriteStream('users.json'));
  });

17. Uploading a File:

const formData = new FormData();
formData.append('file', fs.createReadStream('file.txt'));

axios.post('https://example.com/api/upload', formData);

18. Using Axios with Puppeteer:

const puppeteer = require('puppeteer');
const axios = require('axios');

const browser = await puppeteer.launch();
const page = await browser.newPage();
const response = await page.evaluate(() => axios.get('https://example.com/api/users'));
console.log(response.data);

19. Using Axios with Cheerio:

const axios = require('axios');
const cheerio = require('cheerio');

axios.get('https://example.com')
  .then(response => {
    const $ = cheerio.load(response.data);
    console.log($('title').text());
  });

20. Using Axios with React.js:

import axios from 'axios';
import React, { useState, useEffect } from 'react';

const App = () => {
  const [users, setUsers] = useState([]);

  useEffect(() => {
    axios.get('https://example.com/api/users')
      .then(response => setUsers(response.data));
  }, []);

  return (
    <div>
      {users.map(user => <li key={user.id}>{user.name}</li>)}
    </div>
  );
};

21. Using Axios with Vue.js:

import axios from 'axios';
import Vue from 'vue';

new Vue({
  el: '#app',
  data: {
    users: []
  },
  mounted() {
    axios.get('https://example.com/api/users')
      .then(response => this.users = response.data);
  }
});

22. Using Axios with Angular:

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

@Injectable({
  providedIn: 'root'
})
export class UserService {

  constructor(private http: HttpClient) { }

  getUsers() {
    return this.http.get('https://example.com/api/users');
  }
}

23. Using Axios with Node.js CLI:

const axios = require('axios');
const chalk = require('chalk');

axios.get('https://example.com')
  .then(response => console.log(chalk.green('Success: ', response.data)))
  .catch(error => console.log(chalk.red('Error: ', error)));

24. Using Axios with TypeScript:

import axios from 'axios';

const getUsers = async () => {
  const response = await axios.get('https://example.com/api/users');
  return response.data;
};

25. Using Axios with Fastify:

const fastify = require('fastify')({ logger: true });
const axios = require('axios');

fastify.get('/api/users', async (request, reply) => {
  const users = await axios.get('https://example.com/api/users');
  reply.send(users.data);
});