在 Angular 8 中设置动态 PWA 基础路由答案

【问题标题】：Set dynamic PWA base routing in Angular 8在 Angular 8 中设置动态 PWA 基础路由
【发布时间】：2020-08-17 12:22:02
【问题描述】：

我正在开发一个 Angular PWA 应用程序。以下是我的要求。

示例：我有https://localhost.com 网站。所以我的 PWA 在向我展示了初始屏幕后将我带到了这个 url。

根据我的要求应该直接打开https://localhost.com/user/login。

我怎样才能做到这一点。我正在附上我的清单文件。

{
  "name": "buisness-card",
  "short_name": "buisness-card",
  "theme_color": "#1976d2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "./user/login",
  "start_url": "./",
  "icons": [
    {
      "src": "assets/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable any"
    }
  ]
}

【问题讨论】：

你试过用 Angular 的路由器做重定向吗？
是的。我用过角路由器
您应该在原始问题中发布您的路由器代码
您的问题没有显示出任何使用角度的研究工作，并得到了很好的解释routing。如果有任何不清楚/让您难以理解的问题，我建议您查看并更新您的问题。
路由在没有 pwa 的情况下运行良好。我的问题是当我打开任何网址时，假设 xyz.com/fff 然后 pwa 应该打开 xyz.com/fff。

标签： angular progressive-web-apps angular-pwa

【解决方案1】：

请发布您的 app-routing.module.ts 的内容。

如果您需要 domain.com 重定向到 domain.com/user/login，您只需一个 redirectTo：

{ path: '<yourPath>', redirectTo: '<routeYouWantToRedirectTo>', pathMatch: 'full' }

【讨论】：