Next.js从/重定向到另一个页面 [英] Next.js Redirect from / to another page

问题描述

我是 Next.js 的新手，我想知道如何从起始页(/)重定向到/hello-nextjs 例如.用户加载页面后，确定路径是否=== /重定向到/hello-nextjs

I'm new in Next.js and I'm wondering how to redirect from start page ( / ) to /hello-nextjs for example. Once user loads a page and after that determine if path === / redirect to /hello-nextjs

在反应路由器中，我们执行以下操作:

In react-router we do something like:

<Switch>
  <Route path="/hello-nextjs" exact component={HelloNextjs} />
  <Redirect to="/hello-nextjs" /> // or <Route path="/" exact render={() => <Redirect to="/hello-nextjs" />} />
</Switch>

推荐答案

在next.js中，您可以使用Router ex重定向页面加载后:

In next.js you can redirect after the page is loaded using Router ex :

import Router from 'next/router'

componentDidMount(){
    const {pathname} = Router
    if(pathname == '/' ){
       Router.push('/hello-nextjs')
    }
}

或带有挂钩:

import React, { useEffect } from "react";
...
useEffect(() => {
   const {pathname} = Router
   if(pathname == '/' ){
       Router.push('/hello-nextjs')
   }
 });

这篇关于Next.js从/重定向到另一个页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！