图片加载不出来,轮播图和小米手机的下拉框图片也出不来

来源:1-2 Node环境安装

慕雪1182171

2023-09-14

图片描述

写回答

2回答

河畔一角

2023-09-15

有两种解决方案:

1.public是服务根目录,我们在页面模板(template)里面使用的时候,不要带public这个路径,直接/imgs来访问里面的图片。

2.在css里面,可能会出现图片访问不到,是因为Vue脚手架5.0的原因,我们可以把图片放到src下面用相对路径来访问,比如../assets这种方式访问,另外一种方式就是在Vue.config里面配置别名映射,直接用别名访问,比如@public访问public目录的图片。代码我已经提交到仓库了,可以拉取最新代码看一下。

0
0

河畔一角

2023-09-14

你的图片地址没有解析到,控制台已经提示404了,你把图片放到src下面的assets目录,用相对路径去引用就可以了。

或者,如果你放在了public目录,需要在vue.config.js中配置别名映射

0
0

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程