解决vite打包静态资源失败

问题：使用../../src/assets/image/1.png 或者@/assets/image/1.png
打包后 图片没有打包进去

解决办法1 （单个的可以用这种）

    <img :src=" userImg" alt="" />

import userImg from '@/assets/image/user.png';

解决办法2

//页面应用 引入方法
//vue文件
import { getAssetsFile } from '@/utils/index';
imgUrl: getAssetsFile('d1.png'), 

//ts公共文件
// /utils/index.ts
export * from './userPermission';
export * from './time';

// 获取assets静态资源
export const getAssetsFile = (url: string) => {
    return new URL(`../assets/image/${url}`, import.meta.url).href;
};

export default {
    getAssetsFile,
};