文章/答案/技术大牛

发布

社区首页 >问答首页 >角路由器对浏览器url没有正确的响应

问角路由器对浏览器url没有正确的响应
EN

Stack Overflow用户

提问于 2017-08-08 09:59:21

回答 1查看 332关注 0票数 0

我的问题是，当我在浏览器中更改url时，它总是导致开始路由，当我键入路由器中存在的路径以外的其他内容时，我得到404。

app-routing.module.ts

const routes: Routes = [
  {path: "start", canActivate:[RoutingGuard], component: Start},
  {path: "path-1", canActivate:[RoutingGuard], component: One},
  {path: "path-2", canActivate:[RoutingGuard], component: Two},
  {path: "path-3", canActivate:[RoutingGuard], component: Three},
  {path: "path-4", canActivate:[RoutingGuard], component: Four},
  {path: "", component: Public},
  {path: "**", redirectTo: "", pathMatch:'full'}
];

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

routing-guard.service.ts:

canActivate() {
        this._mysvc.isAuthorized().subscribe(data => this.auth = data);
        if (!this.auth) {
            this._router.navigate(['/']);
        }
        return this.auth;
    }

我有一个登录名，在公共组件中，如果用户登录，我有一个重定向到/start的方法。

public.component.ts:

    isAuthorized(authorized:boolean):void {
        if (authorized) {
          this._router.navigate(['/start']);
        }
      }
  ngOnInit():void {
    this._mysvc.isAuthorized().subscribe(this.isAuthorized.bind(this), this.isAuthorizedError);
  }

index.html:

<html lang="en">
<head>
  <base href="/">

  <!--<meta charset="UTF-8">-->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
  <app-root></app-root>
</body>
</html>

我使用重写配置，所以我跳过了url中的#

rewrite.config:

RewriteRule /start/? /index.html [NC]
RewriteRule /path-1/? /index.html [NC]
RewriteRule /path-2/? /index.html [NC]
RewriteRule /path-3/? /index.html [NC]
RewriteRule /path-4/? /index.html [NC]

angular

angular2-router

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-08 10:33:40

问题是async请求，您将其处理为sync

canActivate(): Observable<boolean> {
  return this._mysvc.isAuthorized().do((auth: boolean) => {
     if (!auth) {
       this._router.navigate(['/']);
     }
  });
}

为此，您需要导入do操作符：

import 'rxjs/add/operator/do'

或者：

async canActivate(): Promise<boolean> {
  if (!await this._mysvc.isAuthorized().toPromise()) {
     this._router.navigate(['/']);
  }
  return auth;
}

为此，您需要导入toPromise运算符

import 'rxjs/add/operator/toPromise';

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45565261

复制

相似问题

问角路由器对浏览器url没有正确的响应
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角路由器对浏览器url没有正确的响应EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角路由器对浏览器url没有正确的响应
EN