img标签中的图片尝试各种办法都不显示的bug

前两天,在若依框架下写项目,让我去改一个图片,我还在想这不是so easy的事情,结果,整了各种各样也百度了好多方法,也没解决,机缘巧合下,把vue的路由切换成了hash模式(之前他设置的是history) 欸嘿,他就好了。具体,上代码

代码没任何问题,我保证引入也没有任何问题,浏览器f12也有这个图片路径,欸嘿,就是不出

解决方法1:

        简单粗暴,直接把history关掉 ,效果很明显,操作很简单。但是,但是这有点不大好。直接改了路由模式可还行?

解决方法2:修改vue.congfig中的 publicPath将./ 直接改成/ 就好啦

 之前他是这样写的,啥意思呐,就是简单的一个三元表达式,问你哈是否是生产环境啊,然后,我们将后边的这个./ 改成 /就好啦

改成这样:

 这个问题就解决,至于为啥呐,我查出来他是这样解释的,对于hash模式下,他的根路径都是固定的,所以./和/他都能识别的了,但是history模式下根目录是/。。。emmm应该就是这样了,欢迎补充,也欢迎指出错误

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值