Angular 7路由保护不起作用
Angular 7是一种流行的前端开发框架，它提供了丰富的功能和工具来构建现代化的Web应用程序。路由保护是Angular中的一项重要功能，用于限制用户对特定页面或功能的访问权限。然而，有时候在使用Angular 7的路由保护时可能会遇到问题，导致保护不起作用。下面是一些可能导致路由保护不起作用的常见原因和解决方法：
- 路由配置错误：首先，需要确保路由配置正确。在Angular中，路由配置是通过定义一个路由模块来完成的。请检查路由模块中是否正确定义了需要保护的路由，并且已经设置了相应的守卫。
- 守卫逻辑错误：Angular中的守卫是用来控制路由访问权限的。请确保你的守卫逻辑正确，包括验证用户身份、检查权限等。你可以使用Angular提供的AuthGuard来实现守卫逻辑，或者自定义守卫。
- 守卫未添加到路由配置中：守卫需要添加到路由配置中才能生效。请检查路由模块中是否正确添加了守卫。
- 守卫未正确应用到路由：在路由配置中，需要将守卫应用到需要保护的路由上。请确保你的守卫正确应用到了相应的路由上。
- 路由导航错误：如果路由保护不起作用，可能是因为路由导航错误。请检查你的路由导航代码，确保正确导航到需要保护的路由。
- 路由模块未正确导入：在使用路由保护时，需要正确导入相关的模块。请确保你已经正确导入了RouterModule和相关的守卫模块。
如果以上方法都没有解决问题，你可以尝试以下步骤：
- 清除浏览器缓存：有时候浏览器缓存可能导致路由保护不起作用。请尝试清除浏览器缓存并重新加载应用程序。
- 更新Angular版本：如果你正在使用较旧的Angular版本，可能会存在一些已知的问题。请尝试更新到最新版本的Angular，并查看是否解决了问题。
- 检查错误日志：在开发过程中，查看浏览器控制台和Angular应用程序的错误日志是非常重要的。请检查是否有任何与路由保护相关的错误或警告信息，并尝试解决它们。
总结起来，当Angular 7的路由保护不起作用时，需要检查路由配置、守卫逻辑、守卫的应用和导入、路由导航等方面的问题。如果以上方法都没有解决问题，可以尝试清除浏览器缓存、更新Angular版本或查看错误日志来进一步排查和解决问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iot
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（UAV）：https://cloud.tencent.com/product/uav
相关·内容
1回答
我一直在尝试在Angular 7中进行路由保护，但一直没有起作用。我尝试过的代码如下所示。有人能帮我解决可能出问题的地方吗？没有错误，但我也没有得到所需的输出。auth.guard.ts import { Injectable } from '@angular/core'; ActivatedRouteSnapshot, Router,
RouterStateSnapshot } from '@an
浏览 19提问于2019-04-28得票数 1
1回答
如何防止用户在令牌过期时进行路由
、、、、
我正在研究角7的应用程序
我想检查天气令牌过期了，如果它过期了，我想阻止用户路由。我也尝试过使用npm -保存@auth0/angular@beta，但是我不想使用任何依赖项来做同样的事情。我想使用路由保护来完成这个任务，我尝试了使用CanActivate，但是它不起作用。
浏览 0提问于2019-03-12得票数 1
回答已采纳
我已经成功地在angular 7中使用受保护的路由创建了一个登录页面，现在如果用户尝试使用正确的凭据登录，它将重定向到一个仪表板组件，如果凭据是假的，它只会在登录组件本身中显示一条消息"Invalid现在，我如何配置用户是否通过浏览器URL直接浏览到受保护的组件？目前，它只显示空白页面，无法访问受保护的路由。
浏览 15提问于2019-05-08得票数 0
回答已采纳
我有一个默认的页面路由位置，如果我在本地存储中保存了一些数据，我想要更改它。
浏览 2提问于2021-01-25得票数 0
我想在我的Angular应用程序中显示带有自定义插件的页面，并通过添加一个带有CanActivate保护的通配符路由来检查当前浏览器路径是否是与内容管理系统中的页面关联的插件：{ path: '**',
loadChildren: './modules/not-found/n
浏览 5提问于2018-02-05得票数 0
1回答
我想根据store.if中的值实现一个路由器保护，这个用户登录到我想要获得该用户角色的应用程序，并激活我的子模块路由中的某些路由。我将发布我当前的实现，但这根本不起作用 附言:我没有使用angular路由器商店 canActivate(): {
return this.store.pipe(select(selectUser
浏览 19提问于2019-09-18得票数 0
回答已采纳
如果用户第一次进入路由'/myPage‘，容器组件将显示登录组件。login></login> <ng-content></ng-content>路由模块
浏览 3提问于2017-10-04得票数 0
回答已采纳
我正在使用angular2 rc6。我注意到我的视图先显示数据，然后显示数据。例如，在编辑输入文本框时，框会显示，例如，1秒后再值。
浏览 1提问于2016-09-14得票数 0
回答已采纳
1回答
我有一个Angular版本9.1.9的ClientApp和.net-core web api。我使用的是angular库和azure ad b2c的msal。是否可以只保护特定路由，即/api/GetProfile而不保护/api/GetCar？ 我的问题不是关于.net内核，而是关于angular的msal。"msal"："^1.4.2“"@azure/msal-angular&
浏览 19提问于2020-11-05得票数 0
2回答
我有一个有两个主要组件的angular应用程序(让我们称它们为comp A和comp B).At任何给定的时间都会有随机数量的A和B被初始化。每个组件都有自己的“数据”变量，它在初始化后获得。我知道我可以选择使用canDeactivate防护，但我真的不能使用它，因为组件可能没有从路由中初始化。
浏览 0提问于2018-06-05得票数 1
我是angular的新手，我刚刚了解了路由机制和路由守卫，以提供访问路由的授权。作为一个前端框架，这个守卫机制对我来说似乎不足以保护我的web服务器，除非我不能理解什么，因为在第一次连接时也会下载受限制的‘页面’(路由)。保护/admin路由的最佳做法是什么？
浏览 0提问于2018-06-01得票数 1
所以我使用的是angular 7和@auth0/angular-jwt包。我在某些路由上有一个身份验证保护，我检查jwt令牌是否过期。不管我怎么做，这个方法总是说令牌过期了。import { Injectable } from '@angular/core';
import { JwtHelperService } from '@auth0/angular-jwt';
浏览 13提问于2019-04-19得票数 1
回答已采纳
由于工作上的要求，我即将学习Angular 5。由于Angular 7现在已经成为现实，可能Angular 5慢慢被弃用了，在线资源变得有点陈旧，我想问一下在这里学习它最好的/最新的资源是什么？从Angular官方文档开始，安装了ng-cli，目前是版本7。我需要确切的角度5，和好的教程来创建应用程序，例如:登录/注册，路由器，一些公共/受保护的页面等。有人可以帮助吗？
浏览 0提问于2019-01-08得票数 0
1回答
用户提交用户名，路由检查该用户在数据库中是否存在，如果存在，则为该用户分配一个签名的cookie，以便访问所有其他路由。该系统用于保护所有其他路由；但是，在保护为索引文件提供服务的最终角度路由方面似乎存在问题。问题是如果你在没有正确的用户cookie的情况下访问localhost:3000，你会被直接发送到angular应用程序，但api路由上的保护已经到位，并将被阻止。那么，我如何正确地保护angular<
浏览 0提问于2017-04-21得票数 0
我已经在我的应用程序上实现了路由保护。在用户访问仪表板路由之前，我已经检查了用户是否已经登录。 它得到了良好的工作用户访问仪表板后登录，但如果用户试图访问没有登录的路线仪表板，我得到了空白页面。执行CanActivate保护并返回false。 但是，如果CanActivate失败，我希望将用户重定向到日志记录页面。 如果路由保护失败，如何将用户重定向到另一个路由？这就是我所追随的 import { Routes, RouterModule } from '
浏览 16提问于2017-05-22得票数 1
回答已采纳
我正在使用angular 2/4创建一个应用程序，其中我的超级管理员将创建不同的租户/角色，并授予对不同页面/功能(权限)的访问权限，因此这两件事都将是动态的。现在我还想保护路由，这样用户就不会通过手动输入URL来访问该功能。
需要更多的澄清如何使动态路线或导航，这是从数据库中获得。
浏览 4提问于2017-12-26得票数 3
我已经在Azure 'Static Web App Preview‘中部署了一个Angular 9应用程序。使用RouteModule的角度布线运行良好。但我无法通过确保这些路由的安全。
浏览 0提问于2020-05-27得票数 1
Angular Devs！我正在开发一个angular应用程序，其中许多路由需要从服务器端呈现，这在Angular中称为Angular Universal (SSR)。但是，在我的应用程序中，有很多私有路由和功能模块实际上不需要从服务器呈现。如果它们在客户端渲染，那就没问题了。这些实际上是私有路由，如用户配置文件、用户配置文件编辑模块。保护这些路由不被服务器渲染的方法是什么？或者，让路由只在客户端渲染的方法是什么？
浏览 23提问于2021-10-10得票数 0
回答已采纳
由于某些原因，我的成本-类别-详细信息保护不能按预期工作。当我给出一个有效的"id“数字或点击我的cost-categories组件中的一个项目时，到cost-categories-details的路由就能正常工作。但是，当我输入一个不存在的id时，这个保护似乎不起作用，并将我重定向到没有任何数据的cost-categories-detail页面。如果数据中的"id“为空，那么我希望显示一个警报并路由回cost-categories-list页面。请帮帮我！, RouterStateS
浏览 23提问于2020-08-14得票数 0
我有一个Angular4应用程序，它是针对Azure Active Directory(AAD)的身份验证。我没有任何登录页面，因为它是由AAD管理。我知道如何保护路由，但是如何保护整个Angular App？
浏览 2提问于2017-06-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
