如何使用 next js 和 redux 实现认证答案

【问题标题】：How to implement authentication with next js and redux如何使用 next js 和 redux 实现认证
【发布时间】：2020-10-09 06:26:50
【问题描述】：

我已经创建了我的下一个 9.3.5 版本的 js 应用程序，并且身份验证工作正常。随着 next-redux-wrapper 和 next js 的新更新，当我刷新页面时，用户不再经过身份验证，但 cookie 仍然存在。

我不知道为什么它不再工作了，如果你可以检查沙箱看看我做错了什么

9.3.5 版本的沙箱，身份验证工作正常。 the sandbox

以及不保留身份验证的 9.4.4 版沙盒。 the sandbox

【问题讨论】：

【解决方案1】：

我现在找到了解决方案。随着 getServerSideProps 和 getStaticProps 的引入，这两种形式的预渲染只运行在服务器端，而 getInitialProps 则不是这样，它运行在客户端和服务器端。

在 reducer 中，在 swich 案例中，我首先实现了 HYDRATE 案例，这将允许协调客户端和服务器状态，因为状态必须合并以避免客户端和服务器之间的冲突。

你可以看到完整的代码here

【讨论】：