Ошибка защиты маршрутов в угловой консоли
ОС: 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] },
];
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],