部署在 firebase 托管中的 Angular 6 倍数应用程序

Question

我有一个包含多个项目的 Angular 6 应用程序，我将重写规则配置为以下内容:

"rewrites": [
  {
    "source": "/ticket/**",
    "destination": "/ticket-app/index.html"
  },
  {
    "source": "/client/**",
    "destination": "/client-app/index.html"
  },
  {
    "source": "/admin/**",
    "destination": "/admin-app/index.html"
  }
],

应用程序部署没有错误，但是当转到 url 时，应用程序无法正常工作，浏览器无法加载 .js。当您访问 .js 的 url 时，仅获取 .html 页面。我可以在开发人员控制台中看到以下错误:

所有对 .js 文件和 .css 文件的请求总是返回 index.html 页面，我尝试像这样的其他重写格式:

"rewrites": [
  {
    "source": "/ticket/**",
    "destination": "/ticket-app/**"
  },
  {
    "source": "/client/**",
    "destination": "/client-app/"
  },
  {
    "source": "/admin/**",
    "destination": "/admin-app/*"
  }
],

但没有工作。我使用以下命令构建应用程序:

ng build ticket-app --prod --base-href '/ticket/'

谢谢

Answer 1

您还需要添加deployUrl。有2个选项

1) 在构建应用时添加--deploy-url参数

ng build ticket-app --prod --base-href '/ticket/' 

2) 在angular.json中为每个应用添加配置

"build": {
          "options": {
            ...
            "baseHref": "/ticket/",
            "deployUrl": "/ticket/"
          },
 ...
}