element-plus 引入本地图片

方法1#

• <img src="src/assets/default_cover.jpg">

• 如果写成：../assets/default_cover.jpg就会失效

方法2#

• vite 官网：静态资源处理

• vue2 + webpack

  • <img :src="require('@/assets/default_cover.jpg')">

• vue3 + vite

  • 方式1：

  import image from "@/assets/default_cover.jpg";
  :src="image"
  

  • 方式2：

  const url = new URL('静态路径', import.meta.url).href
    
  const defaultCover = new URL("@/assets/default_cover.jpg", import.meta.url).href;
  :src="defaultCover"