img图片路径无法使用基于根目录路径的写法

Question

基于vue-cli 3创建的项目，在设置img元素的src属性时，只能使用相对路径，请问这是为什么？

有效写法，能显示图片：

<a href="#"><img src="../../static/1.jpg" alt=""></a>

无效写法，不显示图片，但不报错：

<a href="#"><img src="/static/1.jpg" alt=""></a>

Answer 1

河畔一角 2018-10-16 22:41:56

根路径应该也是可以显示的，根据你的描述我还不能断定原因，明天我试一下。您可以加我QQ534877846，有结果我告知你

• 提问者 不飞 #1

  关于根路径我想请问一下，项目的根路径是如何决定的？
  比如文件目录someDir/vueProject/，其中vueProject/才是用vue-cli生成的项目，包含在someDir/下，vue-cli是不是会始终识别根目录为vueProject/?

• 河畔一角 回复 提问者 不飞 #2

  不是，根目录是项目的根目录，不包含项目文件夹这个。你注意观察打包以后的文件结构就知道了。 打包以后会生成一个dist，那dist里面的就是根目录，但是前提是服务器里面没有添加其它目录，否则根目录指向的是服务器的配置目录。也就是说项目放在哪儿，哪儿就是根目录。