javascript - 如何在 Vue.js 3 中使用 Vue 路由器将 404 路由重定向到 Home

Question

你好全能社区！

我对 Vue.js 3 有一点问题。在路由器中，我无法定义任何未知路由都应该重定向到“/”。

const routes = [
  {
    path: "/",
    name: "Home",
    component: Home,
  },
 {
    path: "/*",
    redirect: "/",
  }
]

在这里，我测试了重定向：“/”有效，但路径：“/*”无效。路径“/ ”仅适用于 domain.com/ ...我也测试了路径：“*”但我收到此错误：

“未捕获的错误：路线” “应该是”/ “。”

如何在最新的 Vue.js3 中进行 404 重定向？

score 0 · Accepted Answer

在与 Vue 3 兼容的 Vue 路由器 4 中，您可以Catch all / 404 Not found Route如下：

const routes = [
  {
    path: "/",
    name: "Home",
    component: Home,
  },
  {
    path: '/:pathMatch(.*)*',
    redirect: "/",
  }
]

1 回答 1