programing

VueJs/NuxtJs에서 Axios 메서드를 동적으로 호출하는 방법

goodsources 2022. 8. 8. 20:07
반응형

VueJs/NuxtJs에서 Axios 메서드를 동적으로 호출하는 방법

코드를 최적화하려고 합니다.따라서 동적으로 Axios 함수를 사용하지만 반환된 응답은 보류 중입니다.console log사용하고 있습니다.async/await누구라도 날 도울 수 있어

코드는 다음과 같습니다.

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
    }
  },
},

최상위 기능에서는 콜이 반환될 때까지 기다려야 합니다.

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

언급URL : https://stackoverflow.com/questions/66978964/how-to-dynamic-call-the-axios-method-in-vuejs-nuxtjs

반응형