在实际开发中，根据某一个变量动态展示图片的情况有很多。实现方法分打包构建工具的差异而不同。
1、webpack的项目
require引入图片资源
2、vite的项目
new URL(url,base).href
疑问解答：为什么vite项目不可以用require？
原因在于，vite的模块化规范是ES Modules,所以vite项目在打包构建时无法解析require（commentJS规范里引入资源的语法）引入资源的方式。
vue如何动态加载显示本地图片资源
小朱爱开发2024-02-22 21:35
相关推荐
辻戋2 小时前
从零实现React Scheduler调度器徐同保2 小时前
使用yarn@4.6.0装包，项目是react+vite搭建的，项目无法启动，报错：Qrun3 小时前
Windows11安装nvm管理node多版本中国lanwp3 小时前
全局 npm config 与多环境配置JELEE.4 小时前
Django登录注册完整代码(图片、邮箱验证、加密)TeleostNaCl6 小时前
解决 Chrome 无法访问网页但无痕模式下可以访问该网页 的问题前端大卫7 小时前
为什么 React 中的 key 不能用索引？你的人类朋友7 小时前
【Node】手动归还主线程控制权：解决 Node.js 阻塞的一个思路小李小李不讲道理9 小时前
「Ant Design 组件库探索」五：Tabs组件毕设十刻9 小时前
基于Vue的学分预警系统98k51（程序 + 源码 + 数据库 + 调试部署 + 开发环境配置），配套论文文档字数达万字以上，文末可获取，系统界面展示置于文末