vue中图片路径问题

Question

<img src="static/images/icons/time_new_icon.png"/>

<img src="/static/images/icons/time_new_icon.png"/>

请问，这两者有什么不同？

因为之前遇到项目build之后，图片路径错误的问题 build之后图片路径错误问题
网上查找之后有说将config/index.js中的assetsPublicPath改为./，路径上写成/static/img..但是在我的项目中并没有用

然后自己捣鼓着，发现将/static/img.. 改成 static/img.. 奇迹般的解决了我的问题...

特此请教一下，这两者写法的区别..
并且，我这样写，会不会有什么问题？ 有什么隐患么？

Answer 1

/static/img表示从你项目根目录下开始，根目录下的static下的img下的..而不写/的话应当查找相对该文件的路径，与该文件同级的叫static的文件夹下的img..，./的作用也是从当前目录开始查找

Answer 2

/是绝对路径 ./是相对路径

Answer 3

1. config->index.js->build->assetsPublicPath->"./"

把"/"改成"./"

2.build->utils.js->publicPath->"../../"

if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:"../../"(没有就自己加上) }) } else { return ['vue-style-loader'].concat(loaders) }