Google OAuth 2.0无法在生产中登录/注销

Question

登录/注销功能在开发中完美运行。但是，在将其部署到heroku后，浏览器会缓存数据并保持登录状态，注销按钮只会刷新页面。我可以清除浏览器缓存数据，这将允许我正确登录，但然后相同的情况继续。有时反之亦然，登录按钮刷新页面。我不确定我做错了什么。请提前帮助和感谢！

我仍然很擅长使用护照，这里是相关的代码：

我的index.js

app.use(
  cookieSession({
    maxAge: 24 * 60 * 60 * 1000, // cookies expire in 1 day
    keys: [keys.cookieKey]
  })
);

app.use(passport.initialize());
app.use(passport.session());

我的passport.js

passport.serializeUser((user, done) => {
  done(null, user.id);
});

passport.deserializeUser((id, done) => {
  User.findById(id).then(user => done(null, user));
});

passport.use(
  new GoogleStrategy(
    {
      clientID: keys.googleClientID,
      clientSecret: keys.googleClientSecret,
      callbackURL: '/auth/google/callback',
      proxy: true
    },
    (accessToken, refreshToken, profile, done) => {
      User.findOne({ googleId: profile.id }).then(user => {
        if (user) {
          return done(null, user);
          new User({ googleId: profile.id })
            .save()
            .then(user => done(null, user));
        }
      });
    }
  )
);

我的authRoutes.js

module.exports = app => {
  app.get(
    '/auth/google',
    passport.authenticate('google', {
      scope: ['profile', 'email']
    })
  );

  app.get(
    '/auth/google/callback',
    passport.authenticate('google'),
    (req, res) => {
      res.redirect('/');
    }
  );

  app.get('/api/logout', (req, res) => {
    req.logout();
    req.session = null;
    res.redirect('/');
  });

  app.get('/api/current_user', (req, res) => {
    res.send(req.user);
  });
};

Answer 1

此问题是因为与Create-React-App打包在一起的服务工作者。它拦截/ api路由并将其发送到React-Router，换句话说，它不会通过Express处理。

现在假设您实际上正在使用Create-React-App。

在您的客户端主index.js

import { unregister } from './registerServiceWorker';

然后在render（）之前调用该函数。

unregister();

ReactDOM.render(

    <Provider store={store}> 

        <App/>

    </Provider> , 

     document.getElementById('root'));

确保清除缓存并在浏览器上重新加载。缓存可能需要24小时才能生效。

希望这可以帮助！