Aman Mittal
@amanhimself's blog

@amanhimself's blog

GET Request with Axios

Aman Mittal

Published on Aug 11, 2021

1 min read

One of the popular libraries in JavaScript land to perform HTTP requests is axios. It is promised based and allows writing code using async await syntax.

Installation

Run the command below:

yarn add axios

Simple GET HTTP request with axios

A simple GET HTTP request may look like:

axios.get({
  url: `${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`,
  method: 'get'
});

This returns a promise object. Using async await syntax, the promise object can be resolved.

export const getPopularMovies = async () => {
  try {
    return await axios.get(
      `${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`
    );
  } catch (error) {
    console.error(`[API RESPONSE ERROR]: ${error}`);
  }
};

Adding parameters to GET requests

A GET response can contain parameters. With Axios you can add parameters to the URL:

axios.get(`${BASE_URL}/movie/popular?api_key=${API_KEY}&page=1`);

Or can use params property in the options:

axios.get(`${BASE_URL}/movie/popular`, {
  params: {
    api_key: API_KEY,
    page: pageNumber
  }
});
Β 
Share this