Angular 6 auth guard在登录时停留在空白页面
Angular 6 auth guard是Angular框架中的一个功能，用于在用户登录时保护特定的路由或页面。当用户尝试访问需要身份验证的页面时，auth guard会检查用户的登录状态并根据结果决定是否允许访问。
在登录时停留在空白页面可能是由于以下几个原因：
- 路由配置错误：请确保在路由配置中正确设置了auth guard。检查是否正确指定了需要保护的路由，并且在用户未登录时重定向到登录页面。
- 登录逻辑问题：检查登录逻辑是否正确。在用户成功登录后，应该将用户的登录状态保存在本地存储或会话中，并确保在每次页面加载时检查该状态。
- 页面加载问题：如果在登录后停留在空白页面，可能是由于页面加载问题导致的。请检查浏览器开发者工具中的网络请求和控制台输出，查看是否有任何错误或警告信息。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。了解更多：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：提供高性能、可扩展的数据库服务，包括关系型数据库和NoSQL数据库。了解更多：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：提供安全、可靠的对象存储服务，用于存储和管理大规模的非结构化数据。了解更多：https://cloud.tencent.com/product/cos
请注意，以上仅是腾讯云的一些相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我找到了这个答案，并用我的身份验证修改了它：authenticationHandler(): boolean {
if (this.my
浏览 15提问于2018-07-25得票数 0
回答已采纳
2回答
如果我在登录时刷新页面，卫队会将我重定向到登录页面。是否只有当用户真正注销时才能重定向到登录页面？我使用前端作为角度(版本:12.2.13)和后端作为火基。auth.guard.tsimport { ActivatedRouteSnapshot, CanActiv
浏览 2提问于2021-12-09得票数 0
所以首先我有欢迎页面，其中有一个按钮“登录”，当点击导航到登录页面(使用登录(‘/this.navCtrl.navigateRoot’))。当用户登录时，仪表板将使用login.ts中的NavController显示 this.loginService.login().subscribe(user会显示警报，但仪表板页面会导航回欢迎页面。我希望当我登录(在
浏览 2提问于2019-05-06得票数 0
我正在开发一个带有Angular 6 PWA的Ionic 4，我在使用Interceptor来捕获401/403页面请求时遇到了一些麻烦。但是，如果我登录并导航到一个不应该被允许的页面(403错误)，或者如果我没有登录并转到一个安全的页面(401) -拦截器捕获了这一点，本地存储项被删除，我被重定向到登录页面。同样，这一切都很好。所以现在我在登录
浏览 39提问于2018-12-16得票数 3
2回答
首先调用模板登录(login.component)。登录后加载app.component。Pergunta Editada：如果login.component是路由，则将加载菜单，因为菜单将加载到<router-outlet></router-outlet>中。
浏览 0提问于2016-09-24得票数 3
1回答
如果令牌无效，则重定向
、、、
我使用Angular2和Auth0进行身份验证。我可以看到令牌正在被存储到本地存储中。我正在auth.service.ts文件中编写一个函数，以检查是否有一个有效的令牌，然后在组件中的init上调用该函数。我尝试了许多不同的功能，但无法使应用程序验证正确。登录后，即使我登录并检索有效的令牌，也会将其转发回主页。
我的目标是不允许在没有有效令牌的情况下访问此页面。但是，当存在有效的令牌时，允许访问此页面。, Route
浏览 2提问于2016-10-16得票数 0
回答已采纳
在我的离子型应用程序(v-4)中，在登录之后，我将user_id存储在local storage中，如下所示： localStorage.setItem('user_id',this.loginForm.user_id);
我把login page变成了landing page，在login page之后，用户将被路由为home page。但是，如果用户打开app，它应该将home page显示为登陆页面，因为应用程序已经将user_i
浏览 0提问于2019-05-23得票数 2
回答已采纳
我是新的角度和花费约2至3个小时在线尝试导航从登录到仪表板，如果用户认证。如果我不使用canActivate: AuthGuard，我可以路由到仪表板。但是，一旦我添加了canActivate: AuthGuard，我就被卡在登录页面上(尽管我在firebase控制台上看到了用户SignIn )。它只是没有引导我到仪表板页面/
浏览 1提问于2020-06-19得票数 0
回答已采纳
1回答
为什么是我的角程序重定向到登录页面后，我刷新我的页面。我已经将我的令牌存储在本地存储中，但是为什么它会在刷新后重定向到登录页面。或者当我单击一个菜单并在一个新的选项卡中打开它时，它也会重定向到登录页面？auth-routing.module.ts
import { Routes,
浏览 1提问于2017-09-08得票数 1
我讨厌auth.guard.ts：import { CanActivateChild, Router } from'@angular/router';import { AuthService } from '..this.auth.isAuthen
浏览 1提问于2021-03-04得票数 0
1回答
我的项目结构如下：
我想要的是当用户没有登录时重定向到登录页面。警卫班是：import { CanActivate } from '@angular/router';
ex
浏览 3提问于2016-10-21得票数 0
, RouterModule } from '@angular/router'; { path: '', loadChildren: './auth/auth.module#AuthModule&
浏览 4提问于2019-04-30得票数 3
2回答
在数据变化中重新加载角9分量元素
、、、、
我使用的是角9，当一个人登录时，我想动态地更改菜单项的数据。但是，由于菜单是与主页一起加载的，所以当一个人登录时，直到我手动刷新页面时，菜单项中才会反映数据更改。
浏览 1提问于2020-07-18得票数 0
回答已采纳
1回答
我目前正在试用Auth0以获得用户授权。问题如下:我正在尝试实现登陆页面登录->重定向功能。但我遇到了一个非常恶心的虫子：
当我登录时，页面刷新，小部件再次出现：tokenNotExpired()出于某种原因返回false。我按下再次使用相同的凭证登录页面刷新，登录小部件消失，日志显示tokenNotExpired()现在正在返回true，但是重定向仍然不能工作。我正在通过在main.ts中引导它来向全球注入<
浏览 2提问于2016-07-25得票数 2
回答已采纳
4回答
我一直在使用ionic的aws-amplify库，我想知道如何检查用户是否已登录？我来自firebase的背景，所以这是非常不同的。这样我就可以根据用户的登录状态授予对某些页面的访问权限。在我的auth提供程序中，我导入Amplify {Auth}。我可以看到，可以获得多个数据片段，但我不确定要使用什么。我读过和看过的一切都被掩盖了，直到用户登录...这一切都应该在客户端完成吗？谢谢。
浏览 0提问于2018-02-11得票数 20
在我的例子中，我已登录，但为了测试目的，请尝试使用这应该会带我去我的仪表板或配置文件，但是它会重定向到'/home‘并且找不到这个视图。如何配置此路径，以及在何处配置此路径。
浏览 5提问于2017-05-22得票数 1
回答已采纳
1回答
技术：框架：角，组件：Ionic，Auth-Service：Firebase，NPM-模块：登录 from(this.authService.logIn())
.pipe((firebase.auth.<em
浏览 2提问于2019-11-29得票数 3
回答已采纳
UserModule -用于登录用户。我在我的auth.service中管理我的工作，我也有auth.guard.service的警卫。当我调用auth.service.logOut()时，用户将被注销，但会停留在面板中，并且路由不会更改。问题是用户停留在PanelComponent中，而不是被“踢”回登录页面，即HomeCom
浏览 2提问于2016-10-17得票数 3
回答已采纳
我正在用laravel创建一个多身份验证系统，其中有两种类型的用户:Admins(由我创建)和Users(使用本地laravel auth系统)。如果我以用户身份登录，当我尝试在已经登录时访问登录页面时，它会将我重定向回仪表板，但如果我以管理员身份登录，当我再次访问管理员登录页面时，它会让我再次登录，尽管我已经以管理员身份登录。RedirectI
浏览 0提问于2018-01-02得票数 0
我正在创建一个门户网站应用程序与角6。</div>
之后，我创建了两个用于身份验证的服务，名为AuthGuardService和GuestGuardService，它们控制对登录表单和用户环境页面的
浏览 0提问于2018-09-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
