なぜ私のimgタグのsrc属性のパスに問題がありますか？

Question

考えられるすべての相対的なパスの組み合わせを試しましたが、ロードしようとしたときにページ上に壊れたimgアイコンが表示されています。唯一のことは、ウェブ上のサンプル写真から絶対パスをテストするときです。

ロードしようとしているイメージは、ロードするHTMLページとまったく同じディレクトリにあります。

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

               - vectorstock_1623.jpg 

を次のように私のファイル構造があるHome.html

<img src="vectorstock_1623.jpg"/> 

Answer 1

あなたはsrc/assetsフォルダに画像を配置する必要があります。ビューの使用中に、このパス

src/assets/img

と：：

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

をあなたのイメージがに配置されますので、あなたは assetsフォルダ内 imgフォルダを作成することができます