Почему угловая маршрутизация добавляет к URL-адресу хэштег #

Question

Используемая версия

Угловая версия: 7.10 @ angular / router ":" ~ 7.2.0 ",

Вопрос:

Почему angular добавляет хэш-тег к URL.

Пример:

const routes: Routes = [
  {
    path: 'aktion',
    component: AktionComponent
  }

соответствует URL

http://localhost:4200/aktion

, но не соответствует URL

http://localhost:4200/#/aktion

Answer 1

В модуле приложения сделайте вот так

@NgModule({
  imports: [
  // other imports
    RouterModule.forRoot(routes, { useHash: true }) //make it false
  ],
  declarations: [
  ],
  providers: [

  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

Answer 2

Если вы используете PathLocationStrategy, то сервер должен быть настроен на отправку error page также как index.html, так как обычно это приводит к 404, а Angular должен анализировать маршрут.

Чтобы избежать хлопот, можно использовать HashLocationStrategy, поскольку любая часть после # игнорируется сервером и анализируется только из браузера.Следовательно, у вас есть #.Чтобы удалить его, вы можете обновить RouterModule configuration, как показано в других ответах.

RouterModule.forRoot(AppRoutes, { useHash: false }),

Answer 3

Если вы добавили эту строку в модуль приложений, она добавляет #

   RouterModule.forRoot(AppRoutes, { useHash: true }),