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

我今天尝试编译一个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/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏向治洪

关于React Native 报Export declarations are not supported by current JavaScript version错误的解决问题

设置.js文件默认以jsx的语法打开 在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示: ? 当然我们点击转换...

2516
来自专栏游戏杂谈

自定义Flex Library的使用

一般为了达到资源或是组件的共用,会用到flex library。在flex library可以添加swf、图片资源或的引用。

882
来自专栏我的专栏嘿哈

Fiddler基本使用教程

目前,web测试中,Fidd与httpwarch的区别主要在于fidd可以构造post请求或者修改服务器返回信息,那么我们主要介绍一下fidd构造请求和修改服务...

4427
来自专栏我的博客

Swfupload异步上传汉化以及简单应用

1、swfupload简介具体参见 http://baike.baidu.com/view/1332553.htm http://code.google.com...

3145
来自专栏JetpropelledSnake

Python入门之PyCharm的快捷键与常用设置和扩展(Mac系统)

1. 快捷键 2 . PyCharm的常用设置和扩展 -----------------------------------------------------...

1.4K8
来自专栏从零开始学 Web 前端

从零开始学 Web 之 移动Web(八)Less

LESS 是一种动态的样式表语言,通过简洁明了的语法定义,使编写 CSS 的工作变得非常简单,本质上,LESS 包含一套自定义的语法及一个解析器。

853
来自专栏java相关

dotfiles项目

832
来自专栏编程坑太多

自己总结的,苦心总结的linux命令

1684
来自专栏烂笔头

Linux笔记:使用Vim编辑器

目录[-] Vi编辑器是Unix系统上早先的编辑器,在GNU项目将Vi编辑器移植到开源世界时,他们决定对其作一些改进。 于它不再是以前Unix中的那...

3794
来自专栏知晓程序

开发 | 只需 10 分钟,教你做一款查询类小程序

在全局配置文件中,我们定义了一个页面。保存之后,将会自动生成 index 页面的基本目录。

1123

扫码关注云+社区

领取腾讯云代金券