如果Angular路由不起作用并且将您重定向到基础URL，可能是由于以下原因之一：

1. 未正确配置路由模块：

确保您正确配置了路由模块，并且将其导入到您的应用程序模块中。确保在路由模块中定义了正确的路径和组件。

// app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent },
];

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

// app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    AboutComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. 未在主模板中添加：

确保在您的主模板中添加了标签。这是用于显示路由组件的占位符。

3. 未使用正确的路由链接：

确保您在应用程序中使用正确的路由链接。例如，如果您的基础URL是http://localhost:4200/，并且您有一个AboutComponent，则正确的路由链接应为http://localhost:4200/about。

如果您仍然遇到问题，您可以尝试清除浏览器缓存，并确保URL中没有特殊字符或空格。您还可以检查浏览器的开发工具控制台，查看是否有任何错误消息。