Question

我正在使用angular 7，我想从其他项目添加图像。

我的本地项目域网址为localhost:5700。在这里，我尝试使用其他项目的图片，如下所示。

<img [src]="/var/www/html/mvf/assets/img/image.png">

但是它采用

这样的网址

http://localhost:5700/var/www/html/mvf/assets/img/image.png

请帮助我解决此问题。

Answer 1

您应该考虑使用相对路径或规范化路径，如下所述：

我们要做的就是在模板中引用这些图片，   在src文件夹中开始的路径。

例如，如果我们在src / assets / img / logo.png中有一个图片，   将此添加到我们的模板中。

template: `
  <img src="assets/img/logo.png">
`

或者您可以使用诸如../../assets/image/logo.png之类的相对路径。