在 NextJS 中自动重定向的正确方法

Posted 2023-03-10

【中文标题】在 NextJS 中自动重定向的正确方法

【英文标题】：Propery Way to Redirect Automatic in NextJS

【发布时间】：2021-11-01 10:47:19

【问题描述】：

我有一个索引页面，当他进入索引页面时，我想重定向到/orders 页面。这样做的正确和正确方法是什么？我正在使用 NextJS、Apollo Client 和 React。

import  useRouter  from 'next/router'
import withApollo from '../apollo'

const Index = () => 
  const router = useRouter()
  return router.replace('/orders')


export default withApollo(Index)

【参考方案1】：

对于redirect in Nextjs，您需要在next.config.js 中添加一个设置：

您需要在设置中添加一个redirects 键：

module.exports = 
  async redirects() 
    return [
      
        source: '/',
        destination: '/orders',
        permanent: true,
      ,
    ]
  ,

【讨论】：

谢谢。那么索引页面里面有什么？

此设置在服务器端运行，因此您的索引页面根本不会被呈现。您可以随意删除它。

我会删除 index.page 吗？

是的！因为当用户到达index 页面时，您总是希望重定向到/orders，因此不再需要保留该页面。您的索引页将永远不会是 render。