angular - 我的主 Angular 构建中有一个子目录 Angular 构建，它在静态 Web 应用程序 Azure 中不起作用

Question

我有两个应用程序。一个是 app1，它是主应用程序，另一个是 app2。两者都是 Angular 应用程序。我为 root 构建了 app1，并将 app2 构建放在 app2 文件夹中的 app1 构建中。我使用 --base-href=/app2/为子目录构建 app2。

现在构建如下结构:

构建目录

• 应用2/
  • index.html
  • ...其他.文件
• index.html
• ...其他文件
• staticwebapp.config.json

当前staticwebapp.config.json的内容:

{
  "routes": [
    {
      "route": "/app2/*",
      "rewrite": "/app2/index.html"
    }
  ],
  "navigationFallback": {
    "rewrite": "/index.html",
    "exclude": ["/images/*.{png,jpg,gif}", "/css/*"]
  }
}

部署后，当我尝试访问 app2 时，它没有加载应用程序。

请告诉我如何解决这个问题。

Answer 1

我已经通过staticwebapp.config.json文件部署了子目录应用程序。我做了以下配置更改:

{
  "routes": [
    {
      "route": "/app2/*.{png,jpg,gif,ico,js,css,woff,woff2}",
      "headers": {
        "Cache-Control": "public, max-age=604800, immutable"
      }
    },
    {
      "route": "/app2/*",
      "rewrite": "/app2/index.html"
    }
  ],
  "navigationFallback": {
    "rewrite": "/index.html",
    "exclude": ["favicon.ico", "/images/*.{png,jpg,gif}", "/css/*", "/creditapp/*"]
  }
}