Vue项目打包后的图片显示问题

新手上路,请多包涵

各位大神,目前我刚做完的Vue商城项目,在开发阶段,Firefox跟chrome显示都正常。在设置里修改完图片路径后,并且打包完成后,问题就来了:用Firefox打开压面,发现格式为PNG的图片都没法显示,其它格式的图片显示就正常;而用chrome打开则完全没事。网上各种办法都试了不少,就是没解决问题。想请教下有没有好一点的解决方法?
2019-11-06_134443.jpg(Firefox只显示jpg格式图片,png格式的都不显示)
02.jpg(chrome打开的都能正常显示)### 问题描述

阅读 3.6k
3 个回答

以经验来看,是你的路径引用问题。vue一般情况用/static(代表读取static静态目录)或@/(代表读取src目录)来读取图片路径好些。不用要../../这些绝对路径

比如static文件夹里images存储本地图片。
vue页面:

<img src="/static/images...." />
新手上路,请多包涵

你好楼主,最近我也遇到相同的问题,请问您解决了吗?请问解决方法是什么?谢谢你

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题