javascript-Express js使用cookie重定向,不存在cookie

因此,我已经使用Passport-js实现了Facebook登录.我还实现了Cookie策略,以使用良好的ole用户名/密码登录.
我的设置是Express-js后端和React前端.后端和前端在不同的服务器和域(backend-client.com,frontend-client.com)上运行.

一切都像在localhost上一样具有吸引力,但在舞台和生产环境中却没有.不知道这是否重要,但我正在使用Heroku托管应用程序.

问题：

Facebook身份验证完成后,Express服务器会将用户重定向到前端应用程序. cookie是一个JWT,其中包含用于检查用户是否登录的用户信息.

const cookieSettings = {
    domain: process.env.COOKIE_DOMAIN,
    secure : (process.env.APP_MODE === 'local' ? false  : true),
    httpOnly : true,
};

const cookieMaxAge = {
    maxAge : 14 * 24 * 60 * 60 * 1000 // 14 days, 24h, 60 min, 60 sec * miliseconds
}

router.get('/auth/facebook/', passport.authenticate('facebook'));
router.get('/auth/facebook/callback', function(req, res, next) {
    passport.authenticate('facebook', async function (err, profile, info) {
        if (err || !profile) {
            res.redirect(`${process.env.FRONTEND_BASE_URL}?success=0`);
        }
        const user = await User.findOne({ facebookId : profile.facebookId });
        return user.generateAuthToken().then((token) => {
            res.cookie(COOKIE_NAME, token.token, {...cookieSettings, ...cookieMaxAge});
            res.redirect(`${process.env.FRONTEND_BASE_URL}?success=1`); // redirect back to frontend-client with cookie
        });
    })(req, res, next);
});

当用户点击/ auth / facebook / callback时,存在cookie

但是,当用户返回到前端客户端时,响应头中不会发送任何cookie.

我无法解决这个问题.我缺少有关Cookie的一些基本知识吗？

边注：
当用户使用用户名和密码登录时,cookie将返回给用户.如果需要,可使用Axios的ajax-request创建登录方法.因此,我知道我使用的Cookie设置没有问题.

解决方法:

因此,大约一周后,事实证明这是一个Heroku域问题.我在前端和后端应用程序(backend.herokuapp.com,frontend.herokuapp.com)中使用了多个Heroku域.

根据Heroku文档

In other words, in browsers that support the functionality,
applications in the herokuapp.com domain are prevented from setting
cookies for *.herokuapp.com

我通过向我的应用程序(backend.mycustomdomain.com,frontend.mycustomdomain.com)添加自定义域来解决我的问题,并且cookie是从服务器响应中添加到客户端的

javascript-Express js使用cookie重定向,不存在cookie

相关文章