NextJS + Vercel 主页多重重定向问题优化求助

问题根源 #

你遇到的两次重定向，第一次是Vercel默认的HTTP→HTTPS自动重定向，第二次是你在next.config.ts中配置的非www→www重定向。要实现单次跳转，需要让Vercel在边缘层直接完成http://fiziokaspars.lv/https://fiziokaspars.lv到https://www.fiziokaspars.lv的一步跳转。

解决步骤 #

1. 设置主域名

从你的Vercel域名页面截图来看，fiziokaspars.lv和www.fiziokaspars.lv已添加完成：

• 进入项目的「Domains」页面
• 找到www.fiziokaspars.lv，点击右侧菜单选择「Set as Primary Domain」

2. 简化Next.js配置

移除next.config.ts中重复且冗余的重定向规则，因为后续将用Vercel边缘规则处理：

import { NextConfig } from 'next'

const config: NextConfig = {
  // 移除原有redirects配置
}

export default config

3. 添加Vercel边缘重定向规则

进入项目「Settings」→「Rewrites and Redirects」页面，添加如下规则：

• Source: fiziokaspars.lv/:path*
• Destination: https://www.fiziokaspars.lv/:path*
• Type: 301（永久重定向）

验证 #

执行命令curl -I -L http://fiziokaspars.lv，此时只会出现一次301重定向，直接跳转至https://www.fiziokaspars.lv，随后返回200状态码。

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