How to dynamic call the axios method in VueJS/NuxtJs

Question

I'm trying to optimize my code. So, I dynamically use the axios function, but the returned response is a pending console log. I am using async/await. Any one can help me for this.

This is my code:

methods: {
  getAgentsNames() {
    const data = this.callAxios('get', `/getAllAgents`)
    console.log(data) // returns pending
    this.agents = data.listings
  },

  async callAxios(method, url, paramsBody = null) {
    try {
      const response = await this.$axios({
        method,
        url,
        params: paramsBody,
        headers: this.headers,
      })
      console.log(response) // success and have response data.
      if (response.data.status == 'ok') {
        return response.data
      } else {
        ifNotOK(response, this.$cookies)
        return null
      }
    } catch (error) {
      console.log(error)
      return null
    }
  },
},

Rich Clingman · Accepted Answer · 2021-04-07 03:19:56Z

1

Your top function also needs to wait for the call to return:

async getAgentsNames() {
                let data = await this.callAxios(

answered Apr 7, 2021 at 3:19

Rich Clingman

1661 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AbingPj Over a year ago

thanks its work,. i can optimize the code now

Collectives™ on Stack Overflow

How to dynamic call the axios method in VueJS/NuxtJs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related