在与根文件夹不同的文件夹中部署 Angular 应用程序

Question

Angular 新手。如果部署在nginx /var/www/mydomain.com/html. 但我想将它部署在/var/www/mydomain.com/html/myapp文件夹中。我设置nginx available sites到这个文件夹并且index.html工作正常。但是 Angular 应用程序中的相对路径（例如，images/mypic.png）试图从/var/www/mydomain.com/html/images文件夹（因此是 404 错误代码）而不是/var/www/mydomain.com/html/myapp/images文件夹中检索。如何/myapp在 Angular 中全局设置 url 前缀，以便所有相对路径都具有此前缀。我在这里看到了一些答案，但它们需要更改组件代码。有没有办法在部署时进行此设置，以便dist可以在任何路径中部署？

Answer 1

在angular.json> build>options配置中添加与目标子目录这一行

        "baseHref" : "/v2/",
        "deployUrl": "/v2/",

**像这样 **

    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "baseHref" : "/v2/",
        "deployUrl": "/v2/",

Answer 2

使用以下命令，这里的 /myapp/ 是根站点的相对路径。

ng build --prod --base-href /myapp/