Html 如何使用角路由设置主页路由url？

我的应用程序中只有一条路由，所以当应用程序启动时，我希望将路由显示为

http://localhost:4200/specialtyQ

由于某些原因，现在应用程序没有加载。我有下面的代码来实现这一点，如何显示正确的url

app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';


const routes: Routes = [{
  path: '/specialtyQs',
  component: AppComponent
}];

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

---

只需在您的代码中添加一个如下所示的路由路径，而不是您添加它的方式

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';


const routes: Routes = [{
  path: '',
  redirectTo: '/specialtyQs',
  pathMatch: 'full'
}];

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

---

您需要添加一个默认路由来重定向

const routes: Routes = [{
   path: 'specialtyQs',
   component: AppComponent
 },
 {
   path: '',
   redirectTo: 'specialtyQs',
   pathMatch: 'full'
 }];

---

这将重定向到特定的url。

这不会改变url仍然是

http://localhost:4200/

应更改为

http://localhost:4200/specialtyQs

我们没有指定组件，因为我想将appComponent作为默认值加载。让我为您创建一个stackblitz实例。成功了，谢谢您，先生！实际上刚刚注意到页面在浏览器中显示了两次，包括NavBar。你是说两次内容？你能添加一个屏幕截图吗？问了新问题并添加了图片