最近在使用vue的时候,发现竟然不会引入图片,悲哀啊,于是乎。。。
于是乎就狠狠地学习了一遍,
接下来我们来看看,图片引入无非是路径问题,路径就会有绝对路径,和相对路径这两个说法,
有一种引入方式就是直接引入绝对路径
<img src="C:\Users\Administrator\Desktop\project\development\project_route\src\assets\image\icon_update\icon.png">
还有一种引入方式,相对路径
<img src=".\src\assets\image\icon_update\icon.png">
当然静态资源的几种引入方式
在 JavaScript 被导入或在 template/CSS 中通过相对路径(以 . 开头)被引用。这类引用会被 webpack 处理。
诸如<img src="…">、background: url(…) 和 CSS @import 的资源
写在 template 中内联 style 的 background: url(…) 样式,在当前版本的测试中,即使使用了相对路径也不会被webpack处理
例如,url(./image.png) 会被翻译为 require