如何将Angular 2应用程序放在除根路径之外的任何位置？

Question

我使用ui-router-ng2构建一个以Angular（2）SPA为组件的网站。我想做类似的事情：

• http://example.com/ - ＆gt;默认（静态）主页，带有SPA的链接
• http://example.com/app - ＆gt; SPA
• 其他 - ＆gt;静态页面

所以路线＆＃34; foo.bar＆＃34;应该有URL＆＃34; / app /＃/ foo / bar＆＃34;。我的服务器（用Go编写）正确处理路由，但SPA用相对于根的路径替换地址，而不是＆＃34; / app＆＃34; （＆＃34; /＃/ foo / bar＆＃34;而不是＆＃34; / app /＃/ foo / bar＆＃34;）。我如何告诉Angular我希望SPA在哪里居住？

Answer 1

尝试在head中设置基本标记：

// >= Angular2 RC.6 
@NgModule({
  declarations: [AppComponent],
  imports: [RouterModule], 
  providers: [
   {provide: APP_BASE_HREF, useValue : 'http://my-app/angular/' },
   {provide: LocationStrategy, useClass: HashLocationStrategy} },
  ]
]); 

或者您可以直接在App Module中设置它：

{
"compilerOptions": {
    ...
    "paths": {
         "*": ["*", "./@types/*"]
     }
     ...
  }
}