vite build打包后图片src路径无法转换问题

关于vite build打包后图片src路径为转换成打包后路径问题

• 问题描述

  今天在做项目的时候发现打包后有些图片找不到的问题。
  

• 出现问题的项目代码：

  

• 原因分析：

  采用了封装的image组件，导致src属性解析成字符串，而不是路径，类似动态地址，所以无法被解析。

• 解决方法

  1.采用标签来引入图片
  

  2 利用import获取打包文件的动态地址
  
  

希望能帮助遇到此类问题的小伙伴，本文仅供参考。