忽略Angular 9中的路线？

Question

我正在尝试让我的 Angular 代码调用 API。

在我看来，Angular 代码“捕获”了我对 API 的调用。如何指示 Angular 应用程序将请求“传递”到 IIS 中的 Web 应用程序？

我将 Angular 应用程序部署到位于根目录的网站，例如 www.dummy.com。 我在 www.dummy.com/IDP 有一个身份服务器作为 Web 应用程序运行，并且 在 www.dummy.com/API 调用的单一 API。

如果相对路由以 IDP 或 API 开头，我希望各自的 Web 应用程序处理它们。

我该怎么做？

我已经尝试过解决 IIS 上的 URL 重写和 ARR，但我更喜欢代码中的解决方案。

const routes: Routes = [
{path: '', redirectTo: 'travel-expenses', pathMatch: 'full'},
{path: 'fetch-data', component: FetchDataComponent},
{path: 'sign-in', component: SignInComponent},
{path: 'signin-redirect-callback', component: SigninRedirectCallbackComponent},
{path: 'signout-redirect-callback', component: SignoutRedirectCallbackComponent},
{path: 'unauthorized', component: UnauthorizedComponent},
{
    path: 'travel-expenses',
    loadChildren: () => import('./modules/travel-expenses/travel-expenses.module').then(m => m.TravelExpensesModule),
    canActivate: [UserSignedInGuard]
},
{path: '404', component: PageNotFoundComponent},
{path: '**', redirectTo: '/404'}

];

Answer 1

您正在寻找的是angular proxy-config 选项。这使您可以根据需要重新路由 api 调用，并在运行或构建期间调用它，例如ng serve --proxy-config proxy.conf.json

示例配置文件（proxy.conf.json）：

{
    "/api": {
        "target": "https://the-api-server.com",
        "secure": false,
        "pathRewrite": {"^/api" : ""},
        "changeOrigin": true
    }
}