不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。

<img src="{{ imgUrl }}"/>

原因：写法错误

解决：应该使用v-bind

<img :src="imgUrl"/>

但是有时这种写法图片也加载不出来

原因：因为你的imgUrl使用了本地图片的路径。

解决方案1：将图片放在src下的static文件夹内

原理：用build打包后的dist文件夹下，文件的位置发生了变动，但是static文件夹原封不动，即static文件夹为服务器暴露出的静态资源目录

解决方案2：直接传入图片编码

imgUrl = require('./assets/logo.png')

这样可以读到项目路径下的图片，但是要注意，因为CommonJS只允许使用字符串字面量，所以这种方法的灵活性依旧很差，所以还是推荐将静态文件放入static文件夹下。

最新文章

1. C语言：break和continue
2. 架构师速成-如何高效编程 for java
3. centos7编译安装nginx1.8
4. SQL Server 和 Oracle 以及 MySQL 有哪些区别？
5. Nagios Apache报Internal Server Error错误的解决方法
6. Java重写与重载之间的区别
7. Mac OS X安装native gem提示找不到 dyld_stub_binding_helper
8. 论文翻译：BinaryConnect: Training Deep Neural Networks with binary weights during propagations
9. Clustered Shading架构实现步骤
10. win10常用命令和设置总结
11. 网易云音乐mp3外链、真实地址下载方法
12. [BZOJ1776][Usaco2010 Hol]cowpol 奶牛政坛
13. xrange
14. spring冲刺计划
15. Maven项目META-INF文件夹不存在的问题
16. 牛客网——F求最大值
17. JavaScript自动化构建工具grunt、gulp、webpack介绍
18. 【2】【MOOC】Python游戏开发入门-北京理工大学【第三部分-游戏开发之机制（屏幕绘制机制）】
19. OC变量命名禁忌
20. Python之List和Tuple类型(入门3)

热门文章

1. The Mininum Function Value （luoguP2085 最小函数值）
2. ‎Cocos2d-x 学习笔记(22) TableView
3. eclipse提交代码到GitHub
4. 3. SOFAJRaft源码分析— 是如何进行选举的？
5. vmware14安装centos7的步骤（图文详解）
6. 【Autofac打标签模式】Aspect拦截器
7. Spring cloud 学习笔记
8. SQL注入学习（二）
9. Java并发编程之线程池的使用
10. jquery引用