关于webpack和vue系列框架(vue-cli),后台返回本地图片的url在本地显示不出来

来源:互联网 发布:sam smith 知乎 编辑:程序博客网 时间:2024/06/07 18:15

       本人也是前段时间,开始用webpack和vue框架开始做一个项目,避免了配置webpack的麻烦,就直接用了vue-cli。在项目开发中遇到需要从后台返回本地图片的url进行展示。例如:后台返回imgurl = ../../../1.png,前端直接用<img :src="imgurl" />。我想也没有多想,直接就把本地需要的图片加到之前保存图片的公共文件夹assets,进行了多次调试,接口也试了, 都没问题,图片的路径就是解析不正确,找不到这张图。在网上进行了多次查询后,发现也有不少人有这种问题,所以还是有必要写一下的。我找到的方法是把图片放到static文件夹里,


反正项目已经卡住了,死马当活马医,就试了一下,果然是对的。后来再回去进行深入的了解,全面的查找,还有一种方法就是随便把图片放哪里,但是必须在data里,以数组形式,把img的src以模块引用方式存入数组里。

阅读全文
1 0
原创粉丝点击