typescript开发vue项目二次封装的axios用return Promise.reject(error) 返回异常,提示[Vue warn]: Error in v-on handler (Promise/async)

2023-04-07编程技术238506

二次封装axios时刻意服务端模拟了延迟返回数据的场景,用return Promise.reject(error) 返回异常,报如下错误,

[Vue warn]: Error in v-on handler (Promise/async): "Error: timeout of 5000ms exceeded"

export default class Page1 extends Vue {
private async getList() {
const {data,pagination} = await getArticles(this.listQuery)
console.log('data: ',data)
console.log('pagination: ',pagination)
}
}

解决办法:用 try{} catch(e){} 包裹处理方法

export default class Page1 extends Vue {
private async getList() {
try {
const {data,pagination} = await getArticles(this.listQuery)
console.log('data: ',data)
console.log('pagination: ',pagination)
} catch (e) {
console.log(e.message)
}
}
}

typescript开发vue项目二次封装的axios用return Promise.reject(error) 返回异常,提示[Vue warn]: Error in v-on handler (Promise/async)的相关教程结束。

本文地址:https://www.ufcn.cn/tutorials/2424132.html

如非特殊说明,本站内容均来自于网友自主分享,概不代表本站观点,如有任何问题我们都将在收到反馈后的第一时间进行处理!