图片加载不出来,轮播图和小米手机的下拉框图片也出不来
来源: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目录的图片。代码我已经提交到仓库了,可以拉取最新代码看一下。
00 -
河畔一角
2023-09-14
你的图片地址没有解析到,控制台已经提示404了,你把图片放到src下面的assets目录,用相对路径去引用就可以了。
或者,如果你放在了public目录,需要在vue.config.js中配置别名映射
00
相似问题