JZTXT
  • 首页
  • Ai
  • Java
  • Python
  • Android
  • Mysql
  • JavaScript
  • Html
  • CSS

vue3项目,vie框架,相对路径图片,测试时正常显示,发布后不显示问题解决方案

发布时间 2023-08-18 10:35:03作者: Nine_Jason

参考 Vite 官网的说明,修改图片的引用路径后,图片发布后可以正常显示

const imgUrl = new URL('./img.png', import.meta.url).href

document.getElementById('hero-img').src = imgUrl

官网地址: https://cn.vitejs.dev/guide/assets.html

 

    本栏目推荐文章
  • 关于npm ERR! 的一个解决方案
  • 代码随想录 day18 找树左下角的值 路径总和 从中序与后序遍历序列构造二叉树
  • 解决 DELPHI 中执行外部命令出现屏幕一闪的问题的方法
  • 字节微服务HTTP框架Hertz使用与源码分析|拥抱开
  • 基于VueCli自定义创建项目
  • shared_ptr 循环引用以及解决办法
  • IDEA项目名称后面出现中括号,模块Modules的名子和文件夹名称不同,可以右键修改名称也可以在File->Project Structure 修改Modules的Name(快捷键ctrl+Shift+Alt+s)
  • 去年最火的 JS 开源项目「GitHub 热点速览」
  • 深入理解spring框架:剖析多线程模式下数据库连接
  • 现代 CSS 解决方案:文字颜色自动适配背景色!
版权声明:本网站为非赢利性站点,本网站所有内容均来源于互联网相关站点自动搜索采集信息,相关链接已经注明来源。
联系我们