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 添加到 react-redux-universal-hot-example 入门套件?