angular - 在与根文件夹不同的文件夹中部署Angular应用

Question

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

Answer 1

在angular.json> build> options配置上，将此行与目标子目录一起添加

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

**像这样 **

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