vite vue 动态导入图片

背景：

vite框架的官网，有对项目文件的动态引入文件的介绍，包括：引入图片文件的方法。

function getImageUrl(name) {
  return new URL(`./dir/${name}.png`, import.meta.url).href
}

效果展示，分开发环境和部署环境：

开发环境：

部署环境： 

核心代码：

实现效果分析：开发环境和部署环境，图片都可以正常显示。 

 但是封装的公共的动态引入文件的写法不正确：

export const getAssetsFile = (name) => {
  const imgPath= `../assets/images/${name}`;//这儿传了一个变量
  return new URL(imgPath, import.meta.url).href;
};

vite官网链接：点击跳转