Wsrtjtyk

Is it possible to send axios headers after the instance was created as param (not defaults)?

Let's say I have basic instance via .create()

export const api = axios.create({

  baseURL: BACKEND_URL,

  headers: {

    'Content-Type': 'application/json',

    'Accept': 'application/json',

    'X-Requested-With': 'XMLHttpRequest'

  }

});

I would like to send JWT token which gets updated frequently. There is a routing for 401 error (asking to update token) going to the same instance. When I do token refresh, Authorization header is still appended send and backend through another 401 causing infinite loop.

Most of the answers on StackOverflow leading to axiosIntance.defaults.header update, but this solution doesn't work for me

// I don't want defaults, just specific for this particular request

// api.defaults.headers['Authorization'] = 'JWT ' + this.props.onboardingToken



// can i send header in params instead ? It doesnt work with this syntax taken from officials docs

const params = {

  headers: {

    'Authorization': 'JWT ' + this.props.onboardingToken

  },

  data: {

    name: name

  }

}





api

  .patch(`company/${companyId}`, params)

  .then(res)

  .catch(err => {

    if (err.response.status === 401){

      this.refreshToken();

    }

  })

So, this error-handling request is also with attached headers

 refreshToken = () => {

    const token = this.props.urlToken



    onboardingApi

      .post('login-token', {"token": token})

      .then(res => {

        this.repeatPatch()

      })

      .catch(err => {

      })

  }