vue-router 報錯、:Avoided redundant navigation to current location 錯誤、路由重復

在用vue-router 做單頁應用的時候重復點擊一個跳轉的路由會出現報錯

 

 這個報錯是重復路由引起的
只需在注冊路由組建后使用下方重寫路由就可以

const originalReplace = VueRouter.prototype.replace;
VueRouter.prototype.replace = function replace(location) {
    return originalReplace.call(this, location).catch(err => err);
};