uniapp <image>不显示本地图片

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