uniapp 不顯示本地圖片

uniapp 使用<image>標簽顯示不了圖片

---

主要是src路徑問題！！！

1. 若在頁面中直接引用，可以正常顯示

<image
        class="img-style"
        src="../static/logo.png"
        alt="Img"
      ></image>

2. 若在組件中引用，當src為靜態時直接引用組件的相對路徑，圖片正常顯示

3. 當src為動態引用時，路徑一定要改為組件所在頁面的相對路徑

<template>
  <div>
    <div>
      <image
        class="img-style"
        :src="src"
        alt="Img"
      ></image>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      src: "/static/logo.png",
    };
  },
};
</script>

引用鏈接：https://blog.csdn.net/Tarzan_Dong/article/details/109297308