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

发布于 2022-09-11 23:21:52 字数 453 浏览 12 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

任性一次 2022-09-18 23:21:52

看看这个:
https://support.mozilla.org/z...
如果解决了,贴一下你是哪种情况

小苏打饼 2022-09-18 23:21:52

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

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

<img src="/static/images...." />
月竹挽风 2022-09-18 23:21:52

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文