問題:使用../../src/assets/image/1.png 或者@/assets/image/1.png
打包后 圖片沒有打包進(jìn)去
解決辦法1 (單個(gè)的可以用這種)
<img :src=" userImg" alt="" />
import userImg from '@/assets/image/user.png';
解決辦法2
//頁面應(yīng)用 引入方法
//vue文件
import { getAssetsFile } from '@/utils/index';
imgUrl: getAssetsFile('d1.png'),
//ts公共文件
// /utils/index.ts
export * from './userPermission';
export * from './time';
// 獲取assets靜態(tài)資源
export const getAssetsFile = (url: string) => {
return new URL(`../assets/image/${url}`, import.meta.url).href;
};
export default {
getAssetsFile,
};