【NuxtJs】不存在路由重定向至404页面

1,230 阅读1分钟

一:项目部署以后发现404页面没有配置

情况:如果进入到了不存在的页面log会提示404 这个时候我们就需要一个404页面

二:根目录下创建middleware文件夹

中新建 unknownRoute.js 代码如下:

/**
 *   未知路由重定向 404页面
 */
export default ({store, route, redirect}) => {
  if (!route.matched.length) {
    redirect('/404')
  }
}

三:去nuxt.config.js去配置route

nuxt.config.js 配置router 如下


router: {
    middleware: 'unknownRoute'
  }