Vite打包静态资源无法加载问题

项目：Vue3 + Vite

场景：开发前期使用静态资源作假数据，含嵌套父子组件传值

问题：本地npm run dev正常，build 之后preview和部署到github pages之后Failed to load resource:404

解决方法：

1.页面需要直接显示的部分尽量用标签直接引入

<img class="logo" src="../assets/book.svg" />

这部分尝试用引入方法时也出现加载不出来但不报错的情况

2. 文件中各处使用引入的方式使用

//import部分
import picture from "/src/assets/1.jpeg";
import picture2 from "/src/assets/2.jpeg";
import picture3 from "/src/assets/3.jpeg";
import logoIcon from "/src/assets/book.svg";
import logoIconActive from "/src/assets/book-active.svg"


//data部分
data() {
    return {
      swiperList: [
        { id: 1, imageUrl: picture, url: "#" },
        { id: 2, imageUrl: picture2, url: "#" },
        { id: 3, imageUrl: picture3, url: "#" },
        ]
    };
}