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

Question

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

例如，我们的localhost网址如下所示

http://localhost:10000/login

对于测试环境url，如下所示

http://servername:10000/projectname/login

如果我们通过CSS使用图像，那么两个url都能正常工作并指向登录页面。如下所示。

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

现在我遇到了一个实际的问题，我有一些内部使用SVG的绘图组件，如果我们将图片网址作为相对路径，它可以通过URL接受图像，如下所示

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

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

能让我知道如何解决这个问题吗？

Answer 1

使用“./assets/img”代替“/ assets / img”来获取相对网址。