图像加载Ionic

Question

我只是在玩Ionic和Vue 3。

但是，当我使用ion-img标记时，无法从assets文件夹正确加载图像。

文件夹结构：

- assets
-- logo.svg
- views
-- Authentication.vue

当我用标准HTMLimg加载图像时，它可以工作，但用ion-img就不行了。

<ion-row>
<img src="../assets/logo.svg"/>
<ion-img src="../assets/logo.svg"></ion-img>
</ion-row>

我已经为src路径尝试了以下变体：

./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (Irrational but I tried it too)
~/assets/logo.svg

对此有什么建议吗？

Answer 1

检查这个答案：

如何在vue javascript 中引用静态资产

简而言之，你应该得到你想要做的事情：

<ion-img :src="require('../assets/logo.svg')" />