VueJS/NuxtJs中如何动态调用axios方法

Posted

技术标签:

【中文标题】VueJS/NuxtJs中如何动态调用axios方法【英文标题】:How to dynamic call the axios method in VueJS/NuxtJs 【发布时间】:2021-07-02 20:18:44 【问题描述】:

我正在尝试优化我的代码。所以,我动态使用了 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
    
  ,
,

【问题讨论】:

【参考方案1】:

你的顶层函数也需要等待调用返回:

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

【讨论】:

感谢它的工作,。我现在可以优化代码了

以上是关于VueJS/NuxtJs中如何动态调用axios方法的主要内容,如果未能解决你的问题,请参考以下文章

将 CodeMirror 与 Vuejs/Nuxtjs 一起使用会导致服务器重新加载时未定义错误“CodeMirror”

为啥axios请求接口会发起两次请求

Nuxt 抛出:没有“new”就无法调用类构造函数

如何将 axios 添加到 react-redux-universal-hot-example 入门套件?

我们如何在 Linux 上使用 axios 发送带有 Kerberos 身份验证的 post 请求?

对 axios 请求使用动态参数