Javascript 在新窗口中以角度发布打开图像

我尝试使用window.open（url）在angular应用程序的新窗口中打开图像。但是新窗口被重定向到angular应用程序，而不是加载资源

我的angular应用程序托管在example.fr上，带有base path=“/”，我尝试加载托管在example.fr/api/image.png上的图像

当我在私人模式下打开链接时，一切正常

我在angular 7.2上，使用服务人员

我试图在window.open中指定绝对url（带有协议和主机名），但没有帮助

如果我绕过Chrome开发工具中的服务人员，它就会起作用。

file-preview.component.html：

<span (click)="openImage()">Open image in new window</span>

---

这是一个与服务人员相关的问题

我必须在

ngsw config.json

中添加以下配置，以从服务工作者中排除我的api入口点：

{
  "index": "/index.html",
  "dataGroups":
  [
    {
      "name": "api",
      "urls": ["/api"],
      "cacheConfig": {
        "maxSize": 0,
        "maxAge": "0u",
        "strategy": "freshness"
      }
    }
  ]
}

---

来源：

这是一个与服务人员相关的问题

我必须在

ngsw config.json

中添加以下配置，以从服务工作者中排除我的api入口点：

{
  "index": "/index.html",
  "dataGroups":
  [
    {
      "name": "api",
      "urls": ["/api"],
      "cacheConfig": {
        "maxSize": 0,
        "maxAge": "0u",
        "strategy": "freshness"
      }
    }
  ]
}

---

来源：

你能在这里展示一些代码的和平吗？你有没有收到任何错误？？？如果是，在此发布否我没有收到任何错误，新窗口将打开我的angular应用程序，而不是图像。我没有收到网络中的图像请求。图像url的开头是否包含“http”或“https”？？据我所知，如果没有http/https，angular将url视为一个路由。是的，我尝试了绝对路径（）和相对路径（/api/image.png）。你能在这里展示一些代码的和平吗？你有什么错误吗？？？如果是，在此发布否我没有收到任何错误，新窗口将打开我的angular应用程序，而不是图像。我没有收到网络中的图像请求。图像url的开头是否包含“http”或“https”？？在我的理解中，如果没有http/https，我会将url视为路由。是的，我尝试使用绝对路径（）和相对路径（/api/image.png）。