Next JS 静态站点：将特定路由重定向到另一个站点？

Posted 2023-03-27

【中文标题】Next JS 静态站点：将特定路由重定向到另一个站点？

【英文标题】：Next JS Static Site: Redirect specific routes to another site?

【发布时间】：2022-01-18 23:20:16

【问题描述】：

我使用部署在云端的 Next JS 创建了一个静态站点。我希望通过更改基本路径将一些路由重定向到另一个站点（例如，如果路由是www.mysite.com/stuff，它将重定向到www.redirectedSite.com/stuff）。这可能吗？如果可以，我会用什么来设置它？

【问题讨论】：

这是否回答了您的问题：Next.js Redirect from / to another page？您可以使用redirects 这样做。

【参考方案1】：

在getStaticProps 函数中，有一个返回重定向值的选项。这允许重定向到内部和外部资源。

您可以将下面的代码保存在pages/stuff.tsx 下。当向/stuff 发出请求时，它们将被重定向。

import  GetStaticProps  from 'next';

export const getStaticProps: GetStaticProps = async () => 
  return 
    redirect: 
      destination: 'http://www.redirectedsite.com/stuff',
      permanent: false,
    ,
  ;
;

const TestPage = (): JSX.Element => 
  return <div></div>;
;

export default TestPage;

Next JS Documentation on getStaticProps redirect

【讨论】：

这太棒了。非常感谢您找到这个！这解决了我的问题！