Vue-Router路由path相同警告，不允许导航到相同路由，报错“NavigationDuplicated: Avoided redundant navigation to current loc

Vue-Router路由path相同警告，不允许导航到相同路由，报错"NavigationDuplicated: Avoided redundant navigation to current location: "

• 报错提示：避免重复路由；

• 原因：在页面上重复进入了相同的路由；
• 解决：主要有3种方案，如下（对于repalce方法也同样适用）：

1. 直接在路由跳转的部分加上'.catch(()=>{})'， 这可以避免显示错误，因为浏览器认为异常已被处理。

2. 在定义路由时候加上全局捕获错误，在定义路由的时候加上如下代码，也就是在router下的index.js里面，这种方式与第一种方法类似，都只是增加了错误捕获处理，让错误不再展示。

   import Router from 'vue-router';
   
   // 在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复
   co