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

来源：6-2 商品列表数据渲染实现

不飞

2018-10-14

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

有效写法，能显示图片：

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

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

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

写回答

1回答

河畔一角

2018-10-16

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

河畔一角

不飞

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

2018-10-29

共2条回复

Vue2.6+Node.js+MongoDB 全栈打造商城系统

课程全面升级，Vue2.6+Koa2，从前端入门全栈，让你的未来更宽广

2634 学习 · 924 问题

相似问题

回答 1

回答 3

回答 1

回答 1

回答 1