利用Vue将数据库查询所得图片路径返回图片不显示?

问题:在从后台返回路径后到temp变量中再返回到前台后不显示图片,但是直接写入路径就可以显示?

图片绑定

img


vue中data部分

img


对imgUrl赋值

img


字符路径返回成功

img

require('@/resources/img/inhibitor/'+ imgName);
话说你一个图片资源文件夹,放那么多层干嘛??有很多几千张图么???而且静态文件怎么不放assets里?
然后,后台最好传文件名字吧,前面的前端自己拼去 好一点

赋值时把reauire去掉试试 。网络图片不需要require

require和路径访问是不同的, require加载的是你项目里的文件。路径访问一个后台提供一个访问地址,这个地址是静态服务器可以访问。另一种是保存在你前端项目的public文件夹下 这样可以访问