解决assets目录下的图片在布署到公网后不显示问题

开始我在项目中通过一级一级打开目录添加图片到模板文件中,因为该模块有三层目录:/app/admin/ad-version,这样添加完图片的相对路径是这样的:
在这里插入图片描述
这个路径在本机运行后打开浏览器显示正常:http://localhost:4200/admin/versionweb
在这里插入图片描述
但是果布署到公网后打开这个页面缺不显示图片http://xx.com/legalweb/admin/versionweb
在这里插入图片描述
于是在页面试着修改路径,发现下面两种路径可显示出图片
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
第一种是绝对路径,用这种的话存在将来项目名称可能会被开发者修改的风险,这样编译后的路径就并不确定,不建议用这种。
第二种是相对路径,‘assets/images/google.gif’ 这样无论在本机运行还是布署到公网都显示正常了,建议大家用这种。
在这里插入图片描述
OK,发个短文希望能帮助到初学路上的小伙伴们!:)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值