vue3.0 + Vite 图片资源处理

作者: 博尔茨杰 | 来源:发表于2022-10-22 17:17 被阅读0次

vue3.0 + Vite 图片资源处理
vue3.0 +vite踩坑集
vue3.0+vite+Cesium使用记录
学Vue3.0得先学一下它
Jeecgboot-Vue3 v1.0.0 版本正式发布，基于
Jeecgboot-Vue3 v1.2.0 版本正式发布，企业
企业级低代码平台，JeecgBoot-Vue3版 v1.3.0
Vite+TS+Vue3.0 笔记一
Vue3 使用Vite创建项目
Vue3.0中文文档（Vue3 + TS学习资源路线）

第一次通过vue3.0 + vite工具做项目，引用图片的时候，开发环境可以，但是打包之后放在服务器找不到路径了，特此做个记录。

图片文件放在assets文件中，通过imgInfo对象和H5中的Img中的图片路径做数据的绑定

    var imgInfo = reactive({
      editor:getImageUrl('editor'),
      delete:getImageUrl('delete')
    });
    function getImageUrl(name) {
      return new URL(`../assets/${name}.png`, import.meta.url).href;
    }

image.png

vue3.0 + Vite 图片资源处理
第一次通过vue3.0 + vite工具做项目，引用图片的时候，开发环境可以，但是打包之后放在服务器找不到路径了，...
vue3.0 +vite踩坑集
vue3.0 +vite部署完成上线刷新404 问题原因：路由模式为history模式刷新会404处理方案使...
vue3.0+vite+Cesium使用记录
项目使用,本项目使用vite与vue vue3.0项目Vite + JSCesium初学,做记录序言 Cesiu...
学Vue3.0得先学一下它
vite是什么 vite一词翻译成中文：快，在尤大神介绍Vue3.0时提到了vite这个工具，其描述是这样的：针对...
Jeecgboot-Vue3 v1.0.0 版本正式发布，基于
项目介绍 Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeSc...
Jeecgboot-Vue3 v1.2.0 版本正式发布，企业
项目介绍 Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeSc...
企业级低代码平台，JeecgBoot-Vue3版 v1.3.0
项目介绍 Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeSc...
Vite+TS+Vue3.0 笔记一
Vite工具和Vue都可以创建Vu3项目，Vite运行编译更快，几乎瞬间可以完成。 Vue3.0的.vue文件可以...
Vue3 使用Vite创建项目
安装Node.js 安装Vite 用刚安装的vite创建vue3项目 2020年9月18日，Vue3.0版本算是发...
Vue3.0中文文档（Vue3 + TS学习资源路线）
Vue3.0 学习资源文档： Vue3.0 中文文档：https://www.vue3js.cn/docs/zh/...