为什么我的img标签src属性的路径失败？

Question

我已经尝试了所有可能的相对路径组合，当我尝试加载时，我仍然在我的页面上获得了一个破坏的img图标。唯一有效的是当我从网上的样本图片中测试绝对路径时。

我正在尝试加载的图像与我要加载它的html页面完全相同。

我的文件结构如下

                              src -> 
                                  pages -> 
                                         home-> 
                                                - home.html 

                                                - vectorstock_1623.jpg

Home.html

<img src="vectorstock_1623.jpg"/>

Answer 1

您需要将图像放在src/assets文件夹中。您可以在img文件夹中创建assets文件夹，以便将图片放入：

src/assets/img

然后在视图中使用此路径：

<img src="assets/img/vectorstock_1623.jpg">