Angular 在新标签页中打开应用程序页面时出现 Service Worker 问题

Question

Angular 7 个带有服务工作人员的应用程序重定向到新选项卡，并且同一应用程序上的新页面不起作用。我有一个 link，我向用户发送电子邮件，点击后会将用户发送到 www.mysite.com/mymessages。在我启用 service worker 后，link 不起作用。我一直在更改 service-worker 配置，包括和排除 url 但没有成功。

快速测试刚刚创建了一个包含 PROJECT 组件的新应用。它在 localhost:8000 上运行，使用生产标志构建。

  -works

    this.router.navigate(['/projects']); 

  -open in new Tab does not work

    window.open('localhost:8000/projects', "_blank");

一定是我遗漏了一些简单的东西，我应该能够在新的 TAB 上访问我的应用程序的页面。

更改 service worker 配置似乎没有任何作用。

Service Worker 配置：

 "index": "/index.html",
  "version" : 1.3,
  "dataGroups": [{
    "name": "api-freshness",
    "urls": [
      "!/**/mymessages"
    ],
    "version" : 1,
    "cacheConfig": {
      "strategy": "freshness",
      "maxSize": 100,
      "maxAge": "3d",
      "timeout": "10s"
    }
  }

应该可以在新标签页中打开新页面，但对我来说不起作用。

更新 - 从 window.open 中删除 localhost:8000 将适用于我的测试示例。但主要问题仍然存在……通过单击电子邮件中的 URL link 可以转到我网站上的特定页面。

Answer 1

试试这个

window.open('/projects', "_blank");

Angular 在新标签页中打开应用程序页面时出现 Service Worker 问题

Angular Service Worker issue when opening App page in new Tab

angular

angular-routing

angular-service-worker