NextJS将首页URL重写至其他URI失效问题求助

问题原因分析 #

你的重写配置语法本身没问题，但不生效大概率是因为Next.js文件系统路由的优先级高于rewrite规则：如果项目中存在pages/index.js文件，访问根路径/时会直接匹配该页面，完全跳过rewrite配置。

解决方案 #

1. 移除或重命名pages/index.js #

删除pages/index.js（或重命名为其他名称，比如pages/home.js），让rewrite规则能够优先匹配根路径。

2. 确保配置结构正确 #

完整的next.config.js配置如下：

module.exports = {
  async rewrites() {
    return [
      {
        source: "/",
        destination: "/some-other-page",
      },
    ];
  },
};

3. 重启开发服务器 #

修改next.config.js后，必须重启本地开发服务器（停止当前npm run dev进程后重新启动），配置才会生效。Vercel部署时会自动读取最新配置，只需确保推送的是修改后的代码即可。

内容的提问来源于stack exchange，提问作者supersize