Vercel部署Next.js时如何添加非首页的/index路径页面

你遇到的问题是Vercel默认对Next.js路由做了规范化处理，自动将/index路径重定向到根路径/，可以通过以下两种方案实现需求：

方案1：通过Vercel重写规则配置 #

在项目根目录创建vercel.json文件，添加如下配置即可：

{
  "rewrites": [
    {
      "source": "/index",
      "destination": "/index"
    }
  ]
}

该配置会显式提升/index路径的匹配优先级，覆盖Vercel默认的规范化重定向逻辑，直接路由到对应页面文件。

方案2：通过Next.js原生配置适配 #

Pages Router场景 #

1. 保留根路径页面pages/index.tsx，新增pages/index/index.tsx作为/index路径的专属页面
2. 在next.config.js中添加如下配置关闭默认路径重定向：

module.exports = {
  skipTrailingSlashRedirect: true
}

App Router场景 #

直接在app目录下新建index/page.tsx，即可自动匹配/index路径，无需额外配置。

注意：配置修改后需要重新部署到Vercel生效，测试前建议清除浏览器缓存，避免历史301重定向缓存干扰结果。

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