javascript - 重定向到404页面而不修改Vue.js中的URL

Question

在我的 Vue.js 项目中，如果路由参数无效，我想显示 404 页面。目前，我使用以下代码:

this.$router.replace({ path: '/404' });

有没有办法在不修改 URL 的情况下做到这一点？我希望用户仍然能够复制浏览器的原始 URL 行。是否有某种 silent: true 参数？

Answer 1

与 vue-router ，URL 是事实来源。如果 URL 发生变化，渲染也会发生变化。您无法“暂停”路由器。 (这是 vue-router 中的一个缺陷，多年来一直困扰着我，但我离题了。)

只需显示404页面即可，无需修改路由。有一些display404根组件中的 data 属性，您可以将其设置为在模板中手动显示 404 页面，而不是 <router-view> ，例如:

<div>
  <my-404-page v-if="display404"/>
  <router-view v-else/>
</div>

要从任何组件显示 404 页面:

this.$root.display404 = true

当然这只是一个基本的例子来演示我的意思，你可能想使用 Vuex 来共享状态，或者使用事件总线，或者你可以以其他适合你的方式显示 404 页面，等等