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

时间:2019-05-10 09:53:35

标签: angular angular-routing angular-service-worker

带有service-worker的Angular 7应用程序重定向到一个新选项卡,并且同一应用程序上的新页面不起作用。 我有一个链接,我可以通过电子邮件将其发送给用户,一旦单击该链接,会将其发送到www.mysite.com/mymessages。启用服务工作者后,链接将不起作用。 我一直在更改服务人员的配置,包括和排除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链接转到我网站上的特定页面。

1 个答案:

答案 0 :(得分:0)

只需尝试

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