没有任何 React 组件的 Next.js 页面重定向答案

【问题标题】：Next.js page redirect without any React component没有任何 React 组件的 Next.js 页面重定向
【发布时间】：2022-11-22 18:53:24
【问题描述】：

我有一个页面，其中唯一需要做的工作是 HTTP 重定向以编程方式

export const getServerSideProps: GetServerSideProps = async (context) => {
  return {
    redirect: {
      destination: '/',
      permanent: false,
    },
  }
}

function Home() {
  return <></>
}

export default Home

是否可以在没有 React 组件的情况下创建页面，或者我应该使用 API 目录中的函数来完成这项工作？

如果是，我如何使用 API 目录上的函数来执行此操作？

【问题讨论】：

您可能可以使用redirects in next.config.js file。
我需要查询数据库。可能吗？
我相信如果您在页面中没有默认导出，next 将引发错误。所以是的，您必须编写一个组件并将其导出。您也可以 return null 而不是返回片段。您也可以使用middlewares 进行重定向。您可以从 this 之类的 api 路由重定向。
你为什么要这样做？
我正在使用 Nextjs 构建一个 URL 缩短器作为一个业余项目

标签： javascript next.js

【解决方案1】：

相反，您可以使用 async rewrites() 在 next.config.js 中重定向，即提供源和目标。

【讨论】：