将localhost:4000重定向到localhost:3000时出现错误CORS

Question

我有一个关于react和nodejs的项目。现在，我在localhost:4000（我的服务器）中对用户进行身份验证，然后重定向到localhost:3000/*

const loginHandler = async (req, res,next) => {

passport.authenticate("local",{
  successRedirect:'http://localhost:3000/dashboard',
  failureRedirect:'http://localhost:3000/login',
  failureFlash: true
})(req,res,next)
};

但是重新运行这个错误

访问位于“”的XMLHttpRequesthttp://localhost:3000/login“（已从中重定向”http://localhost:4000/login“）起源”http://localhost:3000'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在'access control Allow Origin'标头。jsx:26错误：网络错误

Answer 1

是的，端口被视为不同的来源。尝试请求时，它会通过重新设置跨源资源共享策略来询问是否可以这样做。如错误所示，位于：3000的服务器没有提供访问控制允许源标题。此标题应列出允许与其联系的域，或使用通配符。

如果您使用的是express，请参阅CORS中间件以简化此操作：https://expressjs.com/en/resources/middleware/cors.html