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

回答:

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注