期望在模板中有兩種方式的圖像:與img標(biāo)簽和作為背景。即使圖標(biāo)的路徑是正確的,這些都不起作用。
https://stackblitz.com/edit/vue-fsg2l2?文件=src%2Fcomponents%2FHeader.vue,src % 2f router % 2f findex . js,src%2Fviews%2FHome.vue,src%2Fviews%2FShops.vue,src%2FApp.vue,src % 2f assets % 2f ficons % 2f vkontakte-header . SVG
<div>
<a href="#" class="icon"
>
<img src="../assets/icons/icon.svg" alt="" />
</a>
</div>
<styles>
.icon {
background: url(../assets/icons/icon.svg) 50% 50% no-repeat;
}
</styles
您的資產(chǎn)文件夾不在公共文件夾中,該路徑相對于位于公共文件夾中的index.html