Angular 6路由忽略路由中的API调用

时间:2018-10-25 15:39:12

标签: angular asp.net-web-api

我有Angular 6应用程序和WebAPI。我已经在IIS上部署了Angular应用程序,并在Angular应用程序下面创建了API应用程序。

喜欢这样的

IIS 
  |
  |-Angular6App(port:443)
       |
       |-ServiceAPI

其背后的想法是使用相同的DNS。因此,在调用https://Angular6App.com时应加载有角度的应用程序。如果https://Angular6App.com/ServiceApi/api/cntlr/id被调用,它将获取数据(意味着调用api服务)。

现在,当我打电话给https://Angular6App.com/ServiceApi/api/cntlr/id时,它正在从angular应用程序加载默认路由。其实我想在调用api时跳过角度路由。

在Angular App中路由

[
  { path: '', redirectTo: 'A', pathMatch: 'full' },
  { path: 'A', component: AComponent, canActivate: [AuthGuard] },
  { path: 'B', component: BComponent, canActivate: [AuthGuard] },
]

请让我知道我是否可以这样做以及如何做到?

谢谢 --cc

1 个答案:

答案 0 :(得分:0)

我已经开始工作了。 在IIS上,使用URL重写可忽略serviceapi的模式。

在主应用程序(顶层即Angular6App)上设置URL重写,以忽略任何与* / ServiceAPI匹配的URL

Screenshot of URL rewrite setting

希望这可以帮助某个人。