Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL

最近做项目的时候，打包到 pad 上面提示这个报错，反反复复折腾了两三天，终于找到了原因，虽然这个问题不常遇到，但还是记录一下，希望能帮到大家

问题的原因在这里可以找到https://www.techiediaries.com/html5-history-api,是因为跨域，也就是有过二次跳转，因为这个是同事操作的，调用我的入口，所以我不清楚有二次跳转，最后确认是有的。

还有一个原因是我用了 vue-router 的导航守卫钩子，它的 next 方法是这样的：

ƒ (e){!1===e||r(e)?(a.ensureURL(!0),s(e)):"string"===typeof e||"object"===typeof e&&("string"===typeof e.path||"string"===typeof e.name)?(s(),"object"===typeof e&&e.replace?a.replace(e):a.push(e)):n(e)}

从代码中可以看出来如果 replace 方法存在它是优先 replace，其次才是 push，而我们一般的用法是

this.$router.push({path:'/user/login'})

这样的话相当于使用 history.pushState 方法,是可以正常使用的，也就是说这种报错只有在你碰巧使用了导航守卫钩子，然后又碰巧页面有二次跳转，就会出现了