Vercel应用在自动域名正常，自定义域名表单验证异常求助

针对你遇到的自定义域名下表单验证失效问题，可按以下步骤排查：

• 清除缓存，确保加载最新代码
  自定义域名可能触发了Vercel CDN或浏览器缓存，导致带bug的旧代码未被替换。尝试：

  • 浏览器强制刷新（Ctrl+Shift+R / Cmd+Shift+R）
  • 登录Vercel控制台，进入项目Domains页面，找到自定义域名并点击「Purge Cache」
  • 给前端静态资源（如JS文件）添加版本号后缀，避免缓存命中

• 确认自定义域名关联的部署版本
  检查Vercel项目中自定义域名绑定的是否为修复后的最新部署：

  1. 进入项目Deployments页面，确认最新部署已成功完成
  2. 切换到Domains页面，查看自定义域名对应的「Deployment」是否为最新版本，若不是则重新关联

• 检查浏览器控制台的脚本报错
  打开自定义域名页面的浏览器控制台（F12），切换到Console标签，查看是否有脚本执行错误（如CSP限制、变量未定义等）。前端验证逻辑可能因报错中断，导致验证失效。对比自动域名下的控制台输出，找出差异点。

• 排查代码中的域名依赖逻辑
  检查代码中是否存在根据域名判断的分支逻辑，比如：

  if (window.location.host.includes('vercel.app')) {
    // 仅Vercel域名执行验证
  }
  

  这类逻辑会导致自定义域名下跳过验证，需删除或调整为通用逻辑。

• 手动测试验证函数
  在自定义域名页面的控制台中，手动调用表单验证相关函数，比如：

  // 假设表单id为contact-form，验证函数为validateForm
  validateForm(document.getElementById('contact-form'))
  

  观察返回结果和控制台输出，判断验证逻辑本身是否能正常执行。

内容的提问来源于stack exchange，提问作者the lenny dragon