如何将邮件中后端域名的重置密码链接映射到本地React前端环境打开

方案1：调整后端重置链接生成逻辑（最优，适配所有环境） #

• 后端不要硬编码重置链接的HOST前缀，改为按环境配置前端服务的BASE_URL
  • 本地开发环境配置为 http://localhost:3000
  • 生产环境配置为前端线上部署的域名
• 生成重置链接时直接拼接前端BASE_URL + 路径参数（user-id、token），最终生成的链接格式如下：

http://localhost:3000/user/[user-id]/forgetPassword/[token]

• 前端新增对应路由匹配该路径，拿到user-id和token参数后，调用后端校验接口完成密码重置逻辑即可

方案2：后端新增重定向规则（无需修改原有生成逻辑） #

如果后端不想调整现有链接生成代码，可以在后端服务层加路径匹配重定向规则：

• 匹配所有GET请求中符合 /user/*/forgetPassword/* 规则的路径
• 触发302重定向，将请求HOST替换为对应环境的前端地址，原有路径参数完整保留
• 本地开发环境重定向目标前缀为 http://localhost:3000，生产环境替换为前端线上域名即可

方案3：本地临时调试替换规则（无需修改服务端代码，仅本地生效） #

如果只是本地临时调试不想动服务端配置，可以用本地规则直接替换链接HOST：

• 方法1：手动修改邮件里的链接前缀，把 https://133.44.163.89:5000 换成 http://localhost:3000 后再访问
• 方法2：用浏览器请求拦截插件新增替换规则，所有匹配 https://133.44.163.89:5000/user/*/forgetPassword/* 的请求自动跳转至对应前缀的localhost地址

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