如何使基本 href / IIS 虚拟目录对 Angular 应用程序不区分大小写？

Question

有类似的question没有正确答案。

如果我在 app.module.ts 中设置：

providers: [
  { provide: APP_BASE_HREF, useValue: '/my/app'},

然后输入 localhost:4200/my/app

this.location.path()

返回正确的路径“”。

但是，如果我输入 localhost:4200/my/App

this.location.path()

返回错误的“/my/App”。

出于这个问题之外的原因，我会检查 URL。所以我的问题是：如何使基本 href 不区分大小写？

我假设在 IIS 上安装失败的原因相同。

Answer 1

我认为最好的方法可能是强制 IIS 使用重写规则将用户重定向到my/app。但是我不知道IIS，所以我不能给你一个解决方案。

如果你想用角度来做，你可以使用下面的代码。它通过工厂动态提供APP_BASE_HREF 令牌

export function baseHrefFactory()
{
  let expectedBaseHref = '/my/app';
  let currentBaseHref = window.location.pathname.substr(0, expectedBaseHref.length);
  //Add checks herre if needed
  return currentBaseHref;
}

@NgModule({
/**/
  providers: [
    {provide: APP_BASE_HREF, useFactory: baseHrefFactory}
  ]
})
export class AppModule

Answer 2

我喜欢@David 的回答，但我发现我的网址在部署时以 /my/app/my/app 结尾，我不知道为什么。如果 href 相同但情况不同，我改变了他将用户重定向到正确的基本 href 的方法：

export function baseHrefFactory(): string {
  const expectedBaseHref = '/my/app';
  const currentBaseHref = window.location.pathname.substr(0, expectedBaseHref.length);
  if (expectedBaseHref.toLowerCase() === currentBaseHref.toLowerCase() && expectedBaseHref !== currentBaseHref)
  {
    // The two base hrefs are the same, but not the same case.
    // Redirect the user to the correct base href.
    const newLocation = window.location.href.replace(currentBaseHref, expectedBaseHref);
    window.location.replace(newLocation);
  }

  // this is the case for localhost (where we don't use a virtual directory)
  return currentBaseHref;
}

@NgModule({
/**/
  providers: [
    {provide: APP_BASE_HREF, useFactory: baseHrefFactory}
  ]
})
export class AppModule