이온 이미지 로딩 팁
P粉416996828
2023-08-26 20:03:50
<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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이 답변을 확인하세요:
vue javascript에서 정적 리소스를 참조하는 방법
간단히 말하면 다음과 같은 방법으로 원하는 결과를 얻을 수 있습니다.
으아악