Angular 7:转到任何URL都会强制浏览器重定向到主组件

Angular 7是一种流行的前端开发框架，它基于TypeScript构建，并且由Google维护和支持。它提供了一种结构化的方法来构建Web应用程序，并且具有许多强大的功能和工具。

在Angular 7中，如果你想要在转到任何URL时强制浏览器重定向到主组件，你可以使用路由守卫（Route Guard）来实现。路由守卫是Angular提供的一种机制，用于在导航到特定路由之前执行一些操作。

要实现这个功能，你可以创建一个CanActivate守卫，并将其应用于你想要进行重定向的路由。在CanActivate守卫中，你可以编写逻辑来检查URL，并根据需要重定向到主组件。

以下是一个示例代码，展示了如何在Angular 7中实现这个功能：

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

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

  canActivate(): boolean {
    // 检查URL逻辑
    if (window.location.href !== 'YOUR_MAIN_COMPONENT_URL') {
      // 重定向到主组件
      this.router.navigate(['YOUR_MAIN_COMPONENT_URL']);
      return false;
    }
    return true;
  }
}

在上面的代码中，你需要将'YOUR_MAIN_COMPONENT_URL'替换为你的主组件的URL。然后，你可以将RedirectGuard应用于你想要进行重定向的路由。

例如，在你的路由配置文件中，你可以这样使用RedirectGuard：

import { RedirectGuard } from './redirect.guard';

const routes: Routes = [
  {
    path: 'some-route',
    component: SomeComponent,
    canActivate: [RedirectGuard]
  },
  // 其他路由配置...
];

这样，当用户尝试访问'some-route'时，如果URL不是主组件的URL，他们将被重定向到主组件。

关于Angular 7的更多信息，你可以参考腾讯云的Angular产品介绍页面：Angular产品介绍。

请注意，以上答案仅供参考，具体实现可能因项目需求和实际情况而有所不同。