在与根文件夹不同的文件夹中部署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

使用以下命令。

ng build prod --base-href /myapp/

Answer 2

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

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

**像这样**

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