【Vue3+Ts】动态引入图片路径/require引入错误

Vue2各位都是require引入对吧。Vue3不同，使以下方式引入图片：

封装函数

// assets为你目录，..路径如不对 需要你自己找你项目的assets文件夹，path为assets详细路径+文件名
export const getImgUrl = (path: string): string => {
  return new URL(`../assets/${path}`, import.meta.url).href;
};
// 如果不是ts请自行更改语法即可

页面使用

import { getImgUrl} from "@/components/public-fn.ts";

getImgUrl("list/1.png")

感谢你的阅读，如对你有帮助请收藏+关注！
只分享干货实战和精品，从不啰嗦！！！
如某处不对请留言评论，欢迎指正~
博主可收徒、常玩QQ飞车，可一起来玩玩鸭~