반응형
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
반응형
'programing' 카테고리의 다른 글
Vuex 비활성 mapGetters(인수가 전달됨) (0) | 2022.08.08 |
---|---|
img src에 대해 Vue JS 데이터 바인딩이 작동하지 않음 (0) | 2022.08.08 |
바이트 어레이를 문자열로 변환하거나 그 반대로 변환하는 방법 (0) | 2022.08.08 |
c11에서의 멀티스레딩 지원 (0) | 2022.08.08 |
vuex-module-decorator와 @nuxtjs/auth를 함께 사용할 때 오류 발생 (0) | 2022.08.08 |