Last updated 2026-05-20
Use this when you want automatic JSON parsing, interceptors, transformers, and a status-aware error path out of the box. Same API in Node and the browser.
{
"id": 1,
"firstName": "Emily",
"lastName": "Johnson",
"email": "emily.johnson@x.example",
"username": "emilys",
"image": "https://jsonexamples.com/image/200?text=User+1",
"address": {
"address": "626 Main Street",
"city": "Phoenix",
"state": "OK",
"postalCode": "29920",
"country": "United States"
}
}import axios from 'axios';
const api = axios.create({ baseURL: 'https://jsonexamples.com' });
async function getUser(id) {
const { data } = await api.get('/users/' + id);
return data;
}const { data } = await api.get('/users', {
params: { limit: 10, skip: 0, select: 'firstName,lastName,email' }
});const { data } = await api.post('/users/add', { firstName: 'Ada', lastName: 'Lovelace' });const { data } = await api.put('/users/1', { firstName: 'Updated' });const { data } = await api.delete('/users/1');api.interceptors.request.use(cfg => {
const token = localStorage.getItem('accessToken');
if (token) cfg.headers.Authorization = 'Bearer ' + token;
return cfg;
});api.interceptors.response.use(
res => res,
err => {
if (err.response?.status === 401) redirectToLogin();
return Promise.reject(err);
}
);Click below to call /users/1 from your browser.
// click the button to populate this block{
"snippet": "const controller = new AbortController();\napi.get('/products', { signal: controller.signal });\ncontroller.abort();"
}