angular - 向 Angular 路由添加变量前缀

Question

我正在尝试将旧的 BackBone.js 应用程序更新为 Angular (4/5)。要求之一是在这个新应用中继续使用旧路线，这会引发一些挑战。

旧路线构建如下:

site.com/r/{username}/{route}

例如

site.com/r/johndoe/homepage
site.com/r/janedoe/blog

我现在使用没有哈希的 Angular 路由，但是我在 Angular 中构建的每条路由现在都包含一个长字符串:

{ path: '/r/:username/homepage' }

我希望这里有一种更清洁的方式来使用路线。:username 变量仅在引导应用程序时才需要，因此从 Url 中剥离第一位并在此之后启动 NG 路由路径会更好。

我知道 base href 会将应用程序编译到一个潜在的子目录，但这不适用于变量用户名。

有没有办法在 Angular 中完成这项工作？

Answer 1

或者你可以这样做，它真的很简短，应该这样做

https://angular.io/api/common/APP_BASE_HREF

用法:

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]
})
class AppModule {}