如何使用NextJS验证每个页面中的用户

文章/答案/技术大牛

发布

1回答

api、rest、authentication、next.js

我有一个令牌cookie，我希望用户发送一个请求到REST API，如果成功，用户可以返回到页面。有什么想法吗？

浏览 7提问于2020-08-27得票数 0

回答已采纳

1回答

NextJS中的认证和持久化令牌

reactjs、next.js、server-side-rendering

我正在使用NextJS，它是服务器端呈现作为一个正常的响应应用程序，我们可以在对服务器的每个请求中使用JWT并获取数据。但是我们有一些页面将根据用户登录与否返回不同的数据。因为NextJS在服务器上的getServerSideProps函数中获取数据，所以我们没有JWT，它保存在客户机的local

浏览 3提问于2021-05-22得票数 0

1回答

我正在进入Nextjs的第一步，并且我在定义身份验证部分方面做了大量工作。我理解Nextjs间接地依赖NextAuth进行身份验证。我的第一个目标是启用像google这样的提供商，但我不明白如何避免新用户注册。我认为这个应用程序需要一个登录来保护路由，而不是注册部分。基本上我需要自己决定谁能进入。在现实中，我开始开发一个依赖于会话cookie和MongoDb (不涉及jwt )的快速后端，但现在我有

浏览 7提问于2022-03-29得票数 0

2回答

NextJS -如何在一个环境中呈现网页，在另一个环境中呈现静态页面。

javascript、reactjs、ecmascript-6、next.js、devops

我在一个环境(我的)上有一个Strapi后端，在Vercel上有一个NextJS前端。我的客户端在Google上有相同的Strapi后端代码和托管在某处的相同的前端代码。我托管了生产前环境，我的客户端承载了生产环境。当我在我的NextJS应用程序中的某些页面上激活静态生成时，由于我的Strapi后端服务器是一个小/慢的服务器，我达到了

浏览 16提问于2021-09-10得票数 0

1回答

滚动-行为:在顺风中平滑不工作

html、css、reactjs、next.js、tailwind-css

我正在使用next.js和顺风Css构建我的投资组合。我已经添加滚动-行为:光滑的globals.css文件。在Navbar，我曾经导航到主页，其余的我使用id导航。然而，我只能看到平滑的效果时，导航到主页，其他不工作。你能帮帮我吗？谢谢我想使用滚动平滑效果在我的网页时，导航。

浏览 12提问于2022-10-31得票数 1

1回答

通过变量创建动态用户主页，而不需要登录

reactjs、routes

有谁知道我如何创建用户生成的主页(比如在Facebook用户页面中)，而不需要在React中登录？是否可以使用数据库中的变量动态地执行此操作？

浏览 7提问于2021-12-14得票数 1

1回答

如何在nodejs服务器上使用next auth授权用户？

node.js、authentication、next.js、authorization、next-auth

我在我的nextjs应用程序中使用next auth进行用户身份验证，但是我的端点在nodejs服务器上(下一个auth逻辑在api/auth/.nextauth文件中)。如何验证从nextjs应用程序向我的nodejs服务器发送请求的用户是否已被授权。是否有一种方法可以在下一个auth之前将jwt令牌发送和验证到节点js后

浏览 2提问于2022-08-24得票数 1

1回答

在Firebase中调用useAuth函数总是调用后端吗？

firebase-authentication

我有这样的代码，在这里我构建了一个具有Firebase身份验证的用户帐户： const [user, loading, error</Typography> </Layout>} 如果我对每个NextJS页面都包含了相同的模型，那么每次使用getAut

浏览 3提问于2021-12-05得票数 0

1回答

如何维护我的Nextjs应用程序

reactjs、react-hooks、next.js

如何确保常规用户不必每次在NextJs (ReactJ)环境中加载网站时都登录？

浏览 1提问于2022-03-17得票数 -1

1回答

如何从Nextjs中的中间件获取数据？

javascript、reactjs、next.js

我试图在nextjs中使用jwt创建一个身份验证系统。因此，我构建了一个中间件，它可以验证jwt令牌并使用它来设置如下所示的身份验证系统： const，他将被重定向到登录页面。但问题是，我希望某些组件根据身份验证进行更改(例如，不要显示登录用户的注册按钮)。我可以从这个中间件(例如布尔值

浏览 7提问于2021-12-16得票数 0

1回答

输入NextJs链接/路由

reactjs、typescript、next.js

<Link href="/about"></Link>目前，很难重构链接。

浏览 2提问于2021-01-05得票数 3

3回答

视图源不显示动态内容

javascript、reactjs、next.js、server-side-rendering

我正在制作非常简单的下一个js应用程序，在这个应用程序中，除了视图源代码之外，一切都很正常。我正在作出承诺，在检索内容时会出现延迟，并且在加载这些内容之后，如果我在chrome中查看源(ctrl + u)，则无法获得源中加载的动态内容。所以它在链接中是可以复制的，步骤2)在选择视图源(ctrl + u)之后的，它给出的页面如下：在这里，您可以清楚地看到，有，没有元素，有文本My n

浏览 0提问于2020-04-07得票数 3

回答已采纳

1回答

我们可以在nextjs中设置一条特定的路由来显示动态路由的实例吗？

javascript、reactjs、next.js

我正在开发一个nextjs项目，并且我有一个具有动态路由的页面，类似于：.../user/[id]/[another id] 我想为每个用户设置唯一的路由。但是假设nextjs默认路由系统，似乎我必须为每个用户创建一个单独的页面。我想知道是否有任何方法可以为每个用户设置一个特定的路由，比如'/jo

浏览 14提问于2021-07-14得票数 0

1回答

NextJS与SSG和客户端导航是如何工作的？

javascript、reactjs、next.js、static-site-generation

NextJS的初学者在这里似乎找不到这个问题的直接答案.简单的例子：假设我有一个带有3个简单页面的NextJS应用程序(也就是pages文件夹中的

浏览 4提问于2022-11-25得票数 0

1回答

重新加载或刷新页面后react redux应用程序的可靠性

reactjs、optimization、redux、user-experience

众所周知，页面的重载或刷新操作会清除redux存储中的状态数据，这往往会因为状态数据的丢失而导致渲染错误。为了解决这些问题，我们可以在重新加载页面时使用查询字符串中的参数来reFetch数据，或者在重新加载页面之前将页面所需的redux store的旧状态数据存储到localStorage中。你有更好的解决方案吗？您首选的解决方

浏览 2提问于2018-02-07得票数 0

1回答

如何使用getServerSideProps使用next-iron-session实现身份验证，而不在每个页面上包含相同的代码

javascript、node.js、reactjs、authentication、next.js

我正在使用next-iron-session在我的NextJS应用程序中实现身份验证，目前使用的是getServerSideProps方法，它工作得很好，但我必须在我想要对用户进行身份验证的每个页面中实现这一点我只想以HOC格式或包装器格式实现它，这样我就不必在每个文件中重写它。为此，我使用了以下代码 impo

浏览 59提问于2021-07-29得票数 1

1回答

使用React & NextJS保护API身份验证请求

reactjs、api、security、next.js

我正在构建一个React / NextJS web应用程序，它使用一个无头Drupal API &另一个NodeJS API。为了向NodeJS API发出请求，它需要一个身份验证令牌，该令牌是通过将两个唯一的用户值和一个常量值(每个消费者都会更改，但我只构建一个消费者，所以对我来说是常量)传递给相关端点并返回一个访问和刷新令牌来生成的安全处理这个问题的最好方法是什么？只需从客户端发出请求，就可以在开发工具中看到所有的请求，而且<em

浏览 54提问于2019-03-30得票数 0

1回答

更改每个页路由nextjs的导航节背景。

reactjs、react-hooks、next.js、tailwind-css、react-query

我正在创建一个NextJs应用程序，并有一个主页和路由到产品和关于页面，并希望为每个组件的Nav部分获取不同的标题图像。当用户导航到每个页面时，将从API加载图像。即使使用来自我的文件系统的图像，我如何才能做到这一点。

浏览 5提问于2022-06-22得票数 0

1回答

Gatsby Server渲染API和next js中的ssr是一样的吗？

javascript、reactjs、next.js、gatsby

我刚刚学会使用Gatsby Js来建立一个电子商务网站。我计划在我的网站上使用SSR方法。现在我正在考虑Gatsby和Next来开发我的网站。只是为了以防万一，如果有一天，如果网络扩大了技术，如果用户在增加。因此，如果有一天web应用程序的用户变得越来越多，那么就没有太大的技术转让。我应该选择哪一个呢？

浏览 21提问于2020-07-04得票数 0

2回答