当Angular 5项目放在一个子文件夹中时，如何构建它？

Question

我正在尝试构建一个Angular 5项目，该项目将在一个子文件夹中托管。我们正在升级到7的过程中，但我们还没有做到这一点。

web服务器在端口8080上托管一个主文件夹。我正在尝试通过Angular 5项目来构建，这样它就可以托管在一个名为AC-672的子文件夹中。所以到达它的最终url应该是ipAddress:8080/AC-672

在app.module.ts中

imports: [
  AppRoutingModule,
  BrowserAnimationsModule,
  BrowserModule,
  CommonModule,
  HttpClientModule,
  NgbModule.forRoot(),
  RuntimeConfigLoaderModule.forRoot({
    fileUrl: './assets/config/config.json'
  })
]

在终端中，我尝试了各种构建命令。但是我总是收到错误，或者它被托管在一个奇怪的地址上。下面是我尝试过的几个命令。

ng-build --aot --build-optimizer --base-href AC-672 --deploy-url AC-672
ng-build --aot --build-optimizer --base-href AC-672
ng-build --aot --build-optimizer --deploy-url AC-672
ng-build --aot --build-optimizer
ng-build --aot --build-optimizer --base-href /AC-672/ --deploy-url /AC-672/
ng-build --aot --build-optimizer --base-href /AC-672/ --deploy-url AC-672
ng-build --aot --build-optimizer --base-href AC-672 --deploy-url /AC-672/
ng-build --aot --build-optimizer --base-href /AC-672/
ng-build --aot --build-optimizer --deploy-url /AC-672/

很明显我漏掉了什么。任何帮助都是非常感谢的。

Answer 1

您将在原始部署文件夹中部署该文件夹，然后更正基本href和资源，如下所示：

index.html

< base href="/AC-672">

angular.json

"assets": ["src/favicon.ico","src/AC-672/assets"]

另请阅读以下问题和答案：Angular 7 SyntaxError: expected expression, got '< in production when ever basehref change from root

来源：https://angular.io/guide/deployment

Answer 2

在你的index.html中，这应该是你的基本href：

<base href="/">

在您的build命令中设置基本href，如下所示：

ng build --base-href=/AC-672/