2017-05-31 106 views
3

我嘗試了所有可能的相對路徑組合,我可以想到,當我嘗試加載它時,我的頁面上仍然出現一個破碎的img圖標。唯一可行的是當我從Web上的示例圖片測試絕對路徑時。爲什麼我的img標籤src屬性失敗的路徑?

我試圖加載的圖像與我想加載到的html頁面完全相同的目錄中。

我的文件結構如下

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

               - vectorstock_1623.jpg 

Home.html中

<img src="vectorstock_1623.jpg"/> 

回答

2

你需要把圖像中的src/assets文件夾中。您可以創建文件夾assets內的img文件夾,以便你的形象將被放置在:

src/assets/img

,然後在視圖中使用此路徑:

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