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

Question

我已经尝试了我能想到的所有可能的相对路径组合，但当我尝试加载它时，我的页面上仍然出现损坏的 img 图标。唯一可行的是当我测试来自网络示例图片的绝对路径时。

我要加载的图像与我要加载它的 html 页面位于完全相同的目录中。

我的文件结构如下

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

                                                - vectorstock_1623.jpg

Home.html

<img src="vectorstock_1623.jpg"/>

Answer 1

您需要将图像放在src/assets 文件夹中。您可以在 assets 文件夹中创建一个 img 文件夹，这样您的图像就会放在:

src/assets/img

然后在 View 中使用此路径:

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