Axios instance for API call body payload ( creating the common object for all API)

Question

I am using Axios for the API call, here I have created the instance for a common header in each and every API call(authorization things).

export const axiosInstance = axios.create({
  baseURL: 'demo API'
})

axiosInstance.interceptors.request.use(function (config) {
    config.headers['Accept'] = 'application/json'
    config.headers['testkey'] = 'randomdata'

  return config
}, function (err) {
  return Promise.reject(err)
})

now for calling

return axiosInstance.post('/api/demo, {myCommonBody})
  .then(data => {
   //action and action..
 })
  .catch(err => {
    throw err;
  });

Here all I have to pass myCommonBody in all API body.

But such things I need to be common from the interceptor as well (alike in the header I did).

So whenever we call any API with common API instance, here we get the BODY part by default.

Any lead appreciates for the answer. Thanks.

Possible duplicate with https://stackoverflow.com/a/45581882/3170628 — Alserda, Apr 29 '19 at 14:11
@Alserda I am talking about the body part here, and while `interceptors.request` in config.data here our actual body part will get override with the common instance. So not used in my case. — Anupam Maurya, Apr 29 '19 at 14:31

score 3 · Accepted Answer · answered Apr 29 '19 at 15:38

3

axiosInstance.interceptors.request.use(function (config) {
    config.headers['Accept'] = 'application/json'
    config.headers['testkey'] = 'randomdata'

    config.data = Object.assign({}, config.data, {myCommonBody});

  return config
}, function (err) {
  return Promise.reject(err)
})

or

export const axiosInstance = axios.create({
  baseURL: 'demo API',
  data: {myCommonBody}
})

answered Apr 29 '19 at 15:38

SIMDD

615
5
15

```config.data = {...config.data, ...{"key": "value"}}``` same things with spread operator rocks! – Anupam Maurya Apr 29 '19 at 18:29

score 0 · Answer 2 · answered Apr 29 '19 at 15:07

0

export const axiosInstance = axios.create({
  baseURL: 'demo API',
  data: {'myCommonBody': 'myCommonBodyDetails')
})

And all set for every api call.

answered Apr 29 '19 at 15:07

Anupam Maurya

1,927
22
26

Axios instance for API call body payload ( creating the common object for all API)

2 Answers2