首页 > 解决方案 > 由于 Ionic 4 中的路径问题,图像未加载到离子服务上

问题描述

当我在做的时候ionic serve,它会加载home.html。我在那里打电话给图像。由于某种原因,图像被保存在xampp/htdocs/files/hydrocarbon_files/image001.gif

在普通 HTML 中,它可以很好地加载图像,但在 Ionic 项目中,图像路径显示为

http://localhost:8100/files/hydrocarbon_files/image001.gif

它不显示来自上述 url 的图像,因为最初的路径是 -

http://localhost:8100/files/hydrocarbon_files/image001.gif

我应该怎么做才能使图像也在本地加载?

标签: ionic-frameworkionic4

解决方案


ionic 不支持外部路径。您必须将该图像复制到 ionic 项目的资产文件夹中,然后它才能工作。例如

<img src="assets/img/imageName.png" >

推荐阅读