React与Node新手求助：Express认证后如何重定向至React页面

嘿，刚接触React和Node的话，前后端分离的跨端口跳转确实容易踩坑，我来帮你捋清楚怎么改：

核心修改：使用完整的客户端绝对URL #

你当前的successRedirect: '/login'是相对路径，会默认跳转到Server所在的3001端口下的/login页面。要跳转到客户端3000端口，直接把路径改成完整的客户端地址就行：

passport.authenticate('local-signup',{ 
  successRedirect: 'http://localhost:3000/login', 
  failureRedirect: '/register', 
  failureFlash : true 
})(req, res);

额外注意：配置CORS避免跨域问题 #

因为你的客户端和服务器在不同端口，注册请求本身可能会遇到跨域拦截。记得在Express服务器里配置CORS，允许来自客户端的请求：

1. 先安装cors包：
   npm install cors

2. 在Server的入口文件里添加配置：

const cors = require('cors');
// 配置CORS，允许来自客户端的请求
app.use(cors({
  origin: 'http://localhost:3000',
  credentials: true // 如果你的认证需要携带cookie/session，一定要加上这个
}));

生产环境优化建议 #

如果以后要部署到线上，别硬写http://localhost:3000，用环境变量来管理客户端地址会更灵活。比如在Server里设置：

const CLIENT_URL = process.env.CLIENT_URL || 'http://localhost:3000';

// 然后重定向的时候用这个变量
successRedirect: `${CLIENT_URL}/login`

这样不管是本地开发还是线上部署，只要修改环境变量就能适配不同的客户端地址啦～

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