我们如何从 angular4 项目中删除图像的相对路径？

Question

我正在开发 Angular 4 项目，当我在开发环境中工作时，相对路径工作正常，但是当我们将项目部署到测试机器上时，它找不到图像路径，因为在部署服务器中我们有一个额外的目录。

例如我们的本地主机 url 如下所示

http://localhost:10000/login

测试环境url如下所示

http://servername:10000/projectname/login

如果我们通过 CSS 使用图像，那么 url 都可以正常工作并指向登录页面，见下文。

icon-design {
    background-image: url('@{images}/indicator.svg');
}

现在我遇到了实际问题，我有一些绘图组件在内部使用 SVG 并通过 URL 接受图像，如果我们将图像 url 作为相对路径，它适用于本地主机，如下所示

"../../../assets/img/1.png"

但是相同的相对路径不适用于测试环境作为测试服务器 url 有点不同，请参见上面的 URL?

谁能告诉我如何解决这个问题？

Answer 1

而不是“/assets/img”，使用“./assets/img”获取相对 URL。