Vue绑定一个Src根据不同值获取不同图片的方法,但浏览器找不到图片地址

<img v-bind:src="srcValue(item.ExecStatus)"/>

methods: {

        srcValue: function (status) {
            if(status==2)
                return '/Image/OK.png'
            if(status==3)
                return '/Image/Error.png'
            if(status==1)
                return '/Image/waiting.png'
            else
                return '/Image/waiting.png'
        },     

根据item.ExecStatus的值不同,我获取的图片不同,本地调试,图片可以出来,但是发布一下,发现找不到图片,浏览器会报404(Not Found)
GET http://10.5.34.166/Image/wait... 404 (Not Found)
Error.png:1 GET http://10.5.34.166/Image/Erro... 404 (Not Found)
OK.png:1 GET http://10.5.34.166/Image/OK.png 404 (Not Found)

我的图片是放在Image的文件里,如下目录,代码是在ResultLog.html里,请各位大神看看是不是我的图片路径指的不对?应该怎么指向?
clipboard.png

阅读 4.4k
2 个回答

这个问题已经解决,我是图片地址指错了,应该是上级目录,把/Image/OK.png改为..//Image/OK.pn 就可以了。

你吧项目打包一下.看下路径嘛,你的图片是使用copy-webpack-plugin 插件处理的吗?

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