欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 家装 > bug记录:开发环境正常,打包后图片资源丢失

bug记录:开发环境正常,打包后图片资源丢失

2025/11/3 10:09:52 来源:https://blog.csdn.net/weixin_44986776/article/details/144806378  浏览:    关键词:bug记录:开发环境正常,打包后图片资源丢失

在这里插入图片描述

bug:

background: url(/src/assets/img/left-bottom-icon${index + 1}.svg);
在开发环境正常,但是打包后图片资源丢失
在这里插入图片描述

原因:

Vite 在打包时不会处理 CSS 中的动态路径,尤其是动态模板字符串(例如 /src/assets/img/left-bottom-icon${index + 1}.svg
所以需要放到public文件夹下面!!

知识点:

  1. 以 / 开头的路径是绝对路径,而没有 / 开头的路径是相对路径。
  2. 会动态变化或运行时生成路径的 img 文件,最好放在public文件夹下!!路径不会发生变化。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词