VUE路由重复报错问题

VUE 路由重复报错问题

在router/index.js文件内写

解决方法1：修改push

import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
//获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
//修改原型对象中的push方法
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

解决方法2：修改replace

import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
//获取原型对象上的replace函数
const originalReplace = VueRouter.prototype.replace
//修改原型对象中的replace方法
VueRouter.prototype.replace = function replace (location) {
  return originalReplace.call(this, location).catch(err => err)
}