在vue.config.js里配置了别名

src用@代替,使用正常。
<img src="@/assets/images/right_arrow_icon.png" />
想直接用assets的别名时,以为和src写法一样,直接用,发现图片没有引入成功
错误:
<img src="assets/images/right_arrow_icon.png" />
正确:
<img src="~assets/images/right_arrow_icon.png" />
然后之前以为在css里不能使用别名,原来也是我写错了,正确写法:
background: url(~@/assets/images/right_arrow_icon.png);

本文介绍了如何在Vue CLI 3.0中为src和assets设置别名,以及在项目HTML和CSS中正确引用这些别名的方法。通过在vue.config.js中配置,可以使用@代表src,对于assets,需要正确书写其别名。同时,文章澄清了在CSS中同样可以使用别名,给出了正确的引用方式。
444

被折叠的 条评论
为什么被折叠?



