架构师_程序员

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 190|回复: 0

[Angular] Angular base href 标签

[复制链接]
发表于 2020-3-5 21:14:07 | 显示全部楼层
base 标签

angular.png

HTML 中的<base href="..."/>用于指定一个解析相对路径的基地址,如图片、脚本和样式表。 比如,指定 <base href="/my/app/"> 时,浏览器就会把 some/place/foo.jpg 这样的 URL 解析成到 my/app/some/place/foo.jpg 的服务端请求。 在浏览期间,Angular 路由器会使用base href作为组件、模板和模块文件的基地址。

在开发期间,你通常会在 index.html 所在的目录中启动服务器。这个目录就是根目录,因为 / 就是本应用的根,所以你要在 index.html 的顶部添加 <base href="/">。

但是在共享服务器或生产服务器上,你可能得从子目录下启动服务器。 比如,当加载本应用的 URL 是 http://www.mysite.com/my/app/ 时,子目录就是 my/app/,而你就要在服务器版的 index.html 中添加 <base href="/my/app/">。

当没有配置 base 标签时,加载应用就会失败,浏览器的控制台中会为这些缺失的文件显示一些 404 - Not Found 错误。 看看浏览器试图从哪里找这些文件,然后调整出合适的 base 标签。





上一篇:安卓 卡西欧991es计算机
下一篇:桌面整点报时钟
码农网,只发表在实践过程中,遇到的技术难题,不误导他人。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

免责声明:
码农网所发布的一切软件、编程资料或者文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

Mail To:help@itsvse.com

QQ|Archiver|手机版|小黑屋|架构师 ( 鲁ICP备14021824号-2 )|网站地图

GMT+8, 2020-5-31 11:15

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表