如何在vue中引用静态资源?

coding2live 2021-01-23 17:50:15 112

如何在vue项目中正确引用静态资源呢?

我打算引用一张图片,但是我试了几个url,都返回404

贴一下Main.vue中的代码:

var icon = L.icon({
    iconUrl: './assets/img.png',
    iconSize:     [25, 25],
    iconAnchor:   [12, 12]
});

我试过把图片放在assets文件夹和static文件夹中,但没有任何效果。我还需要做别的什么设置吗?

以下答案仅供参考

想在模板中引用图片,可以直接使用’@'引用图片。

参见下面的代码:

<img src="@/assets/images/home.png"/>