Next JS + Next Auth受保护的页面在重定向后加载数秒
Next.js是一个基于React的轻量级框架，用于构建服务器渲染的React应用程序。它提供了一些额外的功能和优化，包括自动代码拆分、静态导出等，以提升性能和开发效率。
Next Auth是Next.js官方推荐的身份验证（Authentication）库。它提供了一种简单而强大的方式来处理用户身份验证和会话管理，支持各种身份验证策略（包括社交媒体登录、OAuth、JWT等），并且与Next.js无缝集成。
当使用Next Auth保护页面并进行重定向后，加载数秒的问题可能是由多种原因引起的。下面是一些可能的原因和解决方案：
- 网络延迟：页面加载时间可能受到网络速度的影响。可以尝试使用CDN来优化静态资源的加载速度，以及检查服务器的网络连接质量。
- 后端处理时间：如果重定向后需要进行一些后端处理，比如验证用户凭据、获取用户信息等，这些处理可能会花费一些时间。可以优化后端处理逻辑，减少不必要的计算和数据库查询，以提升性能。
- 资源加载：页面重定向后可能需要加载其他资源，比如CSS、JavaScript文件等。可以使用代码拆分和资源压缩来减少文件的大小，从而提升加载速度。
- 缓存问题：如果页面有缓存设置，可能会导致重定向后仍然加载缓存的内容。可以尝试清除缓存，或者使用版本控制来避免缓存问题。
总之，解决页面加载数秒的问题需要综合考虑各种因素，并进行相应的优化。建议根据具体情况分析和定位问题，并使用合适的工具和技术来解决。对于Next.js和Next Auth，可以查阅官方文档和社区资源以获取更多信息和指导。
推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）、腾讯云云函数（https://cloud.tencent.com/product/scf）等。这些产品提供了灵活、高性能、安全的云计算解决方案，适用于各种应用场景。
相关·内容
我正在尝试通过以下方式重定向到受保护的页面： <button router.push("/welcome");> 欢迎页面的保护方式如下： import{ useSession, signOut } from "next-auth/client";
import { useRouter } from
浏览 24提问于2021-04-29得票数 0
我正在使用Vue.js 2构建一个管理页面，我希望阻止未经身份验证的用户访问/admin路由，并将他们重定向到/login。为此，我在管理组件中使用了In-Component Guard beforeRouteEnter，如下所示beforeRouteEnter(to, from, next) { }这里的问题是<e
浏览 1提问于2017-08-16得票数 24
回答已采纳
我有保护路由，这些路由只能由登录的用户使用auth中间件访问。然而，问题是，每当登录用户试图访问auth受保护的路由而不是继续访问时，页面就会被重定向回主页。这是我的路线：function()Route::get('/
浏览 3提问于2017-01-27得票数 0
1回答
我正在使用Firebase和下一个JS的are应用程序，您必须登录才能访问任何其他页面(所有路由都是受保护的)。我首先做的是在_app.js中设置一个提供程序，以便我可以访问用户的状态(登录或未登录)。然后，当请求一个受保护的页面时，我检查用户状态，并在需要时重定向到登录页面，如下所示： import User
浏览 21提问于2021-09-10得票数 0
回答已采纳
我已经更改了受保护的$redirectTo =‘/任务’；在LoginController和RegisterController中。此外，我还将中间件RedirectIfAuthenticated中的重定向路径更改如下：{
浏览 3提问于2016-12-30得票数 0
回答已采纳
1回答
护照及服务档案
、、、、
我使用带google策略的护照进行身份验证。我的文件夹结构：app.jsroutes auth.js (代表google login) )app.use(express.static())使它们都可用，这不是我想要的
google登录页面由auth/googl
浏览 1提问于2020-07-07得票数 0
1回答
我目前正在next.js中进行用户身份验证和授权。我创建了一个自定义的编写器钩子，它工作得很好。但是，当用户在登录后刷新页面时，问题就出现了，它被重定向到登录页面。AuthGuard流：-如果用户没有经过身份验证，它将重定向到登录页，如果用户经过身份验证，则不应该在用户刷新页面时将其重定向到登录(但当前它是在页面刷新后重定向到登
浏览 3提问于2022-03-18得票数 4
1回答
我看过许多类似的问题，但他们并没有触及真正的问题。我想重定向用户到某个特定的url登录后，这取决于用户的条件。我知道这可以通过中间件进行归档，所以我已经在app\Http\Middleware\RedirectIfAuthenticated.php中尝试过了 $redirect =
浏览 0提问于2016-05-28得票数 4
回答已采纳
1回答
这里是我的项目的github链接
非常感谢你，如果你能为我找到一个解决方案的话，这将是非常受欢迎的。
浏览 4提问于2021-12-07得票数 1
回答已采纳
1回答
我对next.js中受保护的路由有点困惑。
首先，我不想使用任何服务器端呈现。我想通过next export静态出口。在这种情况下，如何实现客户端受保护的路由？比方说，我有一个带有基本JWT身份验证的后端服务器。如何使某些路由免受特定用户的保护，并在/login页面中重定向它们？
浏览 3提问于2021-06-10得票数 3
回答已采纳
const passport = require('passport')
passport.authenticate('local', { failureRedirect: "/auth
浏览 14提问于2022-07-07得票数 0
这么说吧，我忘记登录了，我试着访问一个受登录保护的页面，如下所示 'http://localhost:3000/main/login-protected-page' 因此，我被重定向到具有如下URL的登录页面'http://localhost:3000/auth/login' 所以我以前用过Django，他们是这样处理的</e
浏览 12提问于2021-07-07得票数 0
回答已采纳
我对护照很陌生，我正试图将用户重定向到他们之前在facebook上进行身份验证后所在的页面。我正在尝试在会话中设置一个"req.session.returnTo“属性，但是它在facebook/auth回调中不断被删除(在这个函数中它被显示为未定义的任何地方)。我的方法有什么问题？受保护路线：
app.post('/api/recipebox
浏览 2提问于2015-10-29得票数 1
回答已采纳
1回答
我构建了一个简单的项目，通过使用if和else语句保护网站的路由/页面，并使用函数withAuth()放置每个页面，但我不确定这是否是使用nextjs保护路由的最佳方式，我注意到在保护路由或页面方面出现了延迟，比如2-3秒长，在页面重定向访问者或未注册用户之前，他们可以看到页面的内容。有没有办法摆脱它或使请求更快，使未注册的</
浏览 0提问于2021-11-21得票数 1
回答已采纳
3回答
用Vue-路由器发送标头
、、、
我已经在网上搜索了一段时间，甚至在这里检查了所有建议的问题，但我什么也没发现。const router = new VueRouter({ .../views/A_Page.vue"); }
浏览 3提问于2019-11-08得票数 4
1回答
我的laravel项目的登录会话有问题。Login使用的是普通的Laravel脚手架，它似乎工作得很好。登录后，将为用户提供一个单页面应用程序，该应用程序通过Ajax与后端进行对话。但是用户在几分钟后就被注销了。这会破坏单页应用程序，因为用户正在其中构建内容，然后由于注销而无法保存。
在Laravel的session.php中，“生命周期”设置为120分钟。现在我正在使用Auth中间件来保护路由。这
浏览 0提问于2017-06-07得票数 2
1回答
我需要知道如何设置路由保护，以防止用户在登录后返回登录页面或注册，并将其重定向到主页。我有路由器保护以防止用户在不登录的情况下访问主页，下面是代码： path: '/login', component: login,, path= firebase.auth().currentUser
浏览 2提问于2020-10-06得票数 2
回答已采纳
我要做的是检查路由在meta.json文件中是否有"requiresAuth": true属性。如果设置成功，则检查store.state.auth.user -vuex提供的登录值，如果未设置此值，则重定向到登录。这可以很好地工作，除非我登录了，如果我重新加载了名为/private的受保护页面，那么它会被重定向到登录，所以看起来store.state.auth
浏览 2提问于2017-08-08得票数 0
为了在未经授权的情况下保护站点上的所有页面，我使用_middleware.js。./page/_medileware.js当我未经授权进入网站时，我会被重定向到登录表单。但是，在我填写并登录后，它将我重定向到 --为什
浏览 1提问于2022-05-10得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
