Netlify部署后应用登录仍重定向到localhost该如何解决？

导致该问题的核心原因是OAuth授权流程的回调地址由你代码逻辑生成，netlify.toml的站点重定向规则无法覆盖该场景，可按以下步骤逐一排查修复：

• 移除代码中硬编码的localhost回调地址，根据运行环境动态生成redirectUri
  以Vite构建的项目为例，示例逻辑如下：

  // 开发环境用localhost，生产环境自动取当前站点域名
  const redirectUri = import.meta.env.PROD
    ? `${window.location.origin}/callback`
    : "http://localhost:3000/callback"
  

  也可以将生产回调地址配置为Netlify环境变量，在Netlify后台「站点设置-环境变量」中添加对应变量后，代码直接读取即可，不用硬写生产域名。
• 到第三方登录服务商后台添加生产回调地址白名单
  所有OAuth服务商都会校验请求的回调地址是否在白名单内，你需要把Netlify站点的完整回调地址添加到对应服务商的授权回调白名单中。
• 确认netlify.toml单页应用重定向规则配置正确
  如果你用的是React、Vue等单页应用，需要配置全站重定向到index.html避免前端路由404，配置示例如下：

  [[redirects]]
    from = "/*"
    to = "/index.html"
    status = 200
  

所有配置修改完成后重新推送代码触发Netlify部署即可生效。

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