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

Question

我的应用程序中只有一条路线，所以当应用程序启动时我想将路线显示为 http://localhost:4200/specialtyQ 由于某种原因现在应用程序未加载我有下面的代码来实现这一点，我如何显示正确的 url ?

应用-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 { }

Answer 1

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

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 { }

Answer 2

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

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

这将重定向到特定的 url。

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

How to set homepage route url using angular routing?

html

typescript

angular-ui-router

angular