在我重新加载页面之前，角度路由重定向不起作用_在页面重新加载时:将所有路由重定向到“/”_Angular Universal在重新加载页面时崩溃(路由不起作用) - 腾讯云开发者社区

角度路由重定向在重新加载页面之前不起作用的原因是，重新加载页面会导致浏览器重新发起HTTP请求，并将当前页面的状态完全重置。角度路由是通过修改浏览器的URL来实现页面跳转和路由导航的，而重新加载页面会使浏览器忽略之前设置的路由信息。

解决这个问题的一种方法是使用前端持久化技术，如使用浏览器的本地存储（LocalStorage或SessionStorage）或使用Cookie来保存当前页面的状态信息。当页面重新加载时，可以通过读取本地存储或Cookie中的状态信息来恢复之前的路由状态，从而实现角度路由的重定向效果。

在角度中，可以使用AuthGuard守卫来实现在重新加载页面之前的路由重定向。AuthGuard守卫可以在每次路由导航之前检查用户的登录状态或其他条件，并根据检查结果来决定是否允许路由导航。通过在路由配置中添加AuthGuard守卫，可以在重新加载页面时触发守卫的逻辑，从而实现路由的重定向。

以下是一个示例的AuthGuard守卫代码：

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';

@Injectable()
export class AuthGuard implements CanActivate {
  constructor(private router: Router) {}

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
    // 在这里进行登录状态的检查或其他条件的判断
    // 如果条件满足，返回true允许路由导航；否则返回false阻止路由导航，并进行重定向
    if (condition) {
      return true;
    } else {
      this.router.navigate(['/redirect-url']); // 重定向到指定URL
      return false;
    }
  }
}

在路由配置中使用AuthGuard守卫：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AuthGuard } from './auth.guard';

const routes: Routes = [
  {
    path: 'protected',
    canActivate: [AuthGuard], // 使用AuthGuard守卫
    component: ProtectedComponent
  },
  // 其他路由配置...
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

这样，在重新加载页面时，AuthGuard守卫会被触发，根据条件判断是否允许路由导航，并进行重定向操作。

请注意，以上示例中的AuthGuard守卫和路由配置是简化的示例，实际使用时需要根据具体需求进行适当的修改和扩展。

推荐的腾讯云相关产品：腾讯云对象存储（COS）。腾讯云对象存储（COS）是一种安全、低成本的云存储服务，适用于存储、备份和归档大量非结构化数据，如图片、音视频文件、备份数据等。腾讯云COS提供高可靠性、高可用性和高可扩展性，并具有灵活的数据访问权限控制和便捷的数据管理功能。

产品介绍链接地址：腾讯云对象存储（COS）

请注意，本答案没有提及其他云计算品牌商，以免对其他品牌商进行不必要的评价和偏见。