在 Next.js 中：如何将所有空路由重定向到我选择的路由

【问题标题】：In Next.js: How to redirect all empty routes to a route of my choosing在 Next.js 中：如何将所有空路由重定向到我选择的路由
【发布时间】：2020-11-22 13:52:29
【问题描述】：

如果我在 Next.js 中输入一个死端点，我会收到 404 错误。相反，我希望所有未使用的路由都重定向到默认路由，在本例中为登录页面。

我已经研究了一个多小时，但我认为这项任务不值得付出这么多努力。这应该很容易。

我决定问问。

谢谢！

【问题讨论】：

标签： javascript next.js

【解决方案1】：

您可以创建一个自定义的 404 页面来重定向。

//src/pages/404.js
    
import React, { useEffect } from 'react'
import Router from 'next/router'


export default function Custom404() {

  useEffect(() => {
    Router.push('/')
  },[])

  return null
}

【讨论】：

我的错，你需要使用 useEffect 在客户端重定向。更新代码。