问题：使用../../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,
};
网友评论