typescript開發vue項目二次封裝的axios用return Promise.reject(error) 返回異常，提示[Vue warn]: Error in v-on handler (Promise/async)

 

 

 

二次封裝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)
    }
  }
}