html的base标签为什么不起作用

本文介绍了Angular应用在非根路径部署时遇到的问题及解决方法,重点讲解了如何正确使用HTML的base标签来调整资源加载路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我今天尝试编译一个Angular4的应用,并部署到服务器的一个路径上去,由于不是根路径因此我使用了下面的语句:

ng build -prod -bh /rel

自然的Angular应用index.html里的语句就变成了:

<base href="/rel">

但,当我用http://localhost:8080/rel打开网页时却提示Loading...,打开调试发现js路径没找到,base标签没有生效,上网自学一番收获如下:

https://stackoverflow.com/questions/11521011/why-base-tag-does-not-work-for-relative-paths

总结得票最高的:

  1. base配合相对路径使用,不要在路径前使用/,这不是相对路径,这是相对于Root的绝对路径;
  2. href后面跟反斜杠/,表明这是一个目录

我上面的问题即在/rel后面加反斜杠完成。

原文地址:http://blog.techcave.cn/2017/08/30/html%E7%9A%84base%E6%A0%87%E7%AD%BE%E4%B8%BA%E4%BB%80%E4%B9%88%E4%B8%8D%E8%B5%B7%E4%BD%9C%E7%94%A8/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值