| 1 |
import axios from 'axios'; |
| 2 |
|
| 3 |
const Axios = axios.create({ |
| 4 |
baseURL: window.extSharedData.root, |
| 5 |
headers: { |
| 6 |
'X-WP-Nonce': window.extSharedData.nonce, |
| 7 |
'X-Requested-With': 'XMLHttpRequest', |
| 8 |
'X-Extendify': true, |
| 9 |
}, |
| 10 |
}); |
| 11 |
|
| 12 |
Axios.interceptors.response.use( |
| 13 |
(response) => findResponse(response), |
| 14 |
(error) => handleErrors(error), |
| 15 |
); |
| 16 |
|
| 17 |
const findResponse = (response) => { |
| 18 |
return Object.hasOwn(response, 'data') ? response.data : response; |
| 19 |
}; |
| 20 |
|
| 21 |
const handleErrors = (error) => { |
| 22 |
if (!error.response) { |
| 23 |
return; |
| 24 |
} |
| 25 |
console.error(error.response); |
| 26 |
// if 4XX, return the error object |
| 27 |
if (error.response.status >= 400 && error.response.status < 500) { |
| 28 |
return Promise.reject(error.response); |
| 29 |
} |
| 30 |
return Promise.reject(findResponse(error.response)); |
| 31 |
}; |
| 32 |
|
| 33 |
export { Axios }; |
| 34 |
|
