이온 이미지 로딩 팁
<p>저는 Ionic과 Vue 3를 가지고 놀고 있습니다. </p>
<p>그러나 <code>ion-img</code> 태그를 사용하면 자산 폴더에서 로드된 이미지가 올바르게 표시되지 않습니다. </p>
<p>폴더 구조: </p>
<pre class="brush:php;toolbar:false;">- 자산
-- 로고.svg
- 견해
-- Authentication.vue</pre>
<p>표준 HTML <code>img</code>를 사용하여 이미지를 로드하면 제대로 작동하지만 <code>ion-img</code>를 사용할 때는 작동하지 않습니다. </p>
<pre class="brush:php;toolbar:false;"><ion-row>
<img src="../assets/logo.svg"/>
<ion-img src="../assets/logo.svg"></ion-img>
</ion-row></pre>
<p>다음과 같은 다양한 src 경로를 시도해 보았습니다. </p>
<pre class="brush:php;toolbar:false;">./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (불합리하지만 나도 시도해 보았습니다)
~/assets/logo.svg</pre>
<p>이에 대한 제안이 있으신가요? </p>