angular - 如何在 Angular 7 中设置静态文件的基本路径？

Question

我尝试了三种方法。

第一个:index.html

<base href="/customer">

第二个:app.module.ts

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: '/customer'}]
})

第三:app-routing.module.ts

const routes: Routes = [
  { path: "", redirectTo: "/customer", pathMatch: "full" },
  {
    path: "customer",
    component: CustomerComponent,
    data: { animation: "HomePage" }
  }
];

上述所有方法都适用于 URL 路由，我得到了所需的 URL。

http://localhost:4200/customer

但是，静态文件(js 和图像)仍在加载基本路径“http://localhost:4200/” '.我需要它像 http://localhost:4200/customer/main.js .

因此，我正在努力做到这一点 http://localhost:4200/customer/main.js而不是 http://localhost:4200/main.js出于某些安全验证原因。

同样可以在下面的屏幕截图中看到。

Answer 1

您可以将 --baseHref 命令行标志与 ng serve 和 ng build 一起使用，这意味着您不再需要为app-routing.module.ts

中的路由

ng serve --baseHref=/customer/

用

构建

ng build --baseHref=/customer/