redirect - 使用 Nuxt JS 捕获所有并重定向到主页而不是 404 错误

Question

使用 VueJS 和 Vue-Router，我可以添加类似这样的内容来重定向到主组件，而不是 404 错误页面：

routes: {
    {
        path: '*',
        redirect: '/home',
    },
    {
        path: '',
        redirect: '/home',
    },
    {
        path: '/home',
        ...
    },
}

可以使用 Nuxt JS 捕获不存在的 url 并重定向到主页吗？

感谢您的任何回答。

标签： redirecthttp-status-code-404nuxt.jsvue-router

Answer 1

我有一个想法，但我不确定这是不是最好的方法

在你的layout/error.vue文件中做一个beforeMount这样的函数：

beforeMount() {
    if (this.error.statusCode === 404) {
      this.$router.push('/')
    }
  },