时间戳

首页 > 解决方案 > 在 Angular 8 中设置动态 PWA 基础路由

angular - 在 Angular 8 中设置动态 PWA 基础路由

问题描述

我正在开发一个 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"
    }
  ]
}

标签： angularprogressive-web-appsangular-pwa

解决方案

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

如果你需要 domain.com 重定向到 domain.com/user/login 你需要做的就是一个redirectTo：

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

推荐阅读