Ошибка защиты маршрутов в угловой консоли

Question

ОС: linux x64 Ubuntu 16.04

Угловые версии

• angular-cli: 1.0.0-beta.24
• узел: 7.2.0
• нпм: 3.10.9

Я создал проект с помощью Angular CLI, но проблема в том, что когда я обновляю страницу, текущий маршрут нарушается, что происходит, когда я использую CanActivate в путях моих маршрутов, я не могу использовать его, и он работает, но у меня есть защищать маршруты.

Это мой код в app.routing.ts

const routes: Routes = [
  { path: '', component: LoginComponent },
  { path: 'reports', component: ReportsComponent, canActivate: [AuthGuard] },
  { path: 'reports/thirds', component: ReportThirdsComponent, canActivate: [AuthGuard] },
  { path: 'reports/profit-loss', component: ReportProfitLossComponent, canActivate: [AuthGuard] },
  { path: 'reports/balance', component: ReportBalanceComponent, canActivate: [AuthGuard] },
];

Answer 1

Что касается вашего файла app.routing.ts, я думаю, что все правильно. Предполагая, что ваш файл AuthGuard выглядит примерно так:

export class AuthGuard implements CanActivate { canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) : Observable <boolean> | boolean{ return true|false; } }

Проблема может быть в вашем файле app.module.ts. Обязательно иметь свою охрану в разделе провайдеров. Вы проверили, что у вас есть в этом файле раздел провайдеров, как это?

  providers: [AuthGuard],