1、報錯原因:
在升級了Vue-Router版本到到3.1.0及以上之后乌询,頁面在跳轉(zhuǎn)路由控制臺會報Uncaught (in promise)的問題,在3.1.0版本里面新增功能:push和replace方法會返回一個promise, 你可能在控制臺看到未捕獲的異常擎椰。
image
2膨桥、解決方法:
a、在調(diào)用方法的時候用catch捕獲異常
this.$router.replace('/home').catch(err => {
console.log(err)
})
b浙踢、對Router原型鏈上的push绢慢、replace方法進行重寫,這樣就不用每次調(diào)用方法都要加上catch
在router.js加入以下內(nèi)容:
import Router from 'vue-router'
const originalPush = Router.prototype.push
Router.prototype.push = function push(location, onResolve, onReject) {
if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
return originalPush.call(this, location).catch(err => err)
}