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

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

例如我们的 localhost url 如下所示

http://localhost:10000/login

对于测试环境 url 如下所示

http://servername:10000/projectname/login

如果我们通过 CSS 使用图像，两个 url 都可以正常工作并指向登录页面，它的工作原理见下文。

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

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

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

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

任何人都可以让我知道我们如何解决这个问题？