`

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
0
分享到:
评论

相关推荐

    javascript中BASE标签作用

    总结来说,`&lt;base&gt;`标签在HTML文档中起着基石般的作用,尤其是在处理相对URL和链接行为方面。对于前端开发者而言,理解和合理运用`&lt;base&gt;`标签,不仅可以简化代码,还能提高网站的可维护性和用户体验。

    HTML5 对各个标签的定义与规定:base

    在HTML5中,`&lt;base&gt;`标签主要用于定义HTML文档中的基准URL(即基础URL),这为文档内的其他链接提供了一个默认的起点。此外,它还规定了如何在浏览器中打开这些链接。 #### 属性介绍 `&lt;base&gt;`标签支持两种主要属性...

    HTML base 标签的 href 属性

    例如,如果`&lt;base&gt;`标签设置为`&lt;base href="http://example.com/" /&gt;`,那么一个相对链接`/about.html`会被解析为`http://example.com/about.html`。 2. `target`属性:这个属性用来指定所有链接(包括`&lt;a&gt;`标签和`...

    struts中base标签的target属性

    假设我们有一个简单的 Struts 应用,其中 `&lt;s:base&gt;` 标签被定义为: ```xml &lt;s:base value="http://example.com"/&gt; ``` 接下来,我们可以使用 `&lt;s:url&gt;` 标签来创建一个带有 `target` 属性的链接,例如: ```xml...

    HTML中的base标签 中文WORD版

    在这个例子中,由于设置了`&lt;base&gt;`标签的`target`属性为`_blank`,所有链接将在新窗口或新标签页中打开。 然而,需要注意的是,`&lt;base&gt;`标签如果动态插入到DOM中,可能会引发一些问题。特别是在Firefox和IE浏览器中...

    Thymeleaf显示base64字符串为图片.docx

    在Thymeleaf中,我们不能直接像HTML那样通过`&lt;img&gt;`标签的`src`属性直接使用Base64字符串,而是需要借助Thymeleaf的表达式语言和模型视图适配器(ModelAndView)来传递数据。 首先,在后台代码中,我们通常会从某种...

    base标签是什么及其作用介绍

    `&lt;base&gt;` 标签是HTML中一个非常特殊但至关重要的元素,它的主要作用在于为网页上的所有链接设定一个基础URL或默认的目标属性。通过设置`&lt;base&gt;`标签,你可以改变浏览器解析相对URL的方式,从而简化网页开发和维护,...

    HTML5HTML5 选图 压缩 base64编码 上传 解码

    在HTML5中,base64编码的图片可以直接嵌入到`&lt;img&gt;`标签的`src`属性中。例如,`;base64,..." alt="Compressed Image"&gt;`。 图片上传通常通过AJAX实现,可以利用XMLHttpRequest或Fetch API异步发送请求。在JavaScript...

    HTML标签解释大全

    -- --&gt;` 标签用于标明不可见的注释,这对于开发者来说非常有用。例如: ```html &lt;!-- 这是一条注释 --&gt; ``` ##### 标签:currentStyle - **说明**:虽然没有直接对应的 `&lt;currentStyle&gt;` 标签,但这里的...

    Base64 编码和解码

    - 图像数据的传输:例如,将图片数据编码为Base64字符串,嵌入HTML的`&lt;img&gt;`标签中。 - JSON Web Tokens (JWT):JWT通常包含Base64编码的头部、载荷和签名部分。 - 邮件附件:在某些邮件系统中,为了避免二进制附件...

    jsp base标签与meta标签学习小结

    `base`标签和`meta`标签是HTML文档中重要的元数据元素,它们对网页的行为和展示起到关键作用。 首先,我们来探讨`base`标签。`base`标签通常放在`&lt;head&gt;`标签内,用于定义页面的基准URL。这意味着所有相对链接(如...

    HTML中的base标签使用详解

    在requireJS中,`baseURL`属性起到了类似的作用,但它主要应用于JavaScript模块管理,使得模块和依赖文件的路径可以相对于项目根目录来指定,而非当前HTML文件。这样,无论你在项目内的哪个页面引用模块,都可以使用...

    Base64转二进制文件,Base64 To File

    通过Base64编码,可以将图像文件编码为文本形式,然后插入到`&lt;img&gt;`标签的`data:`URI中,实现页面上的图片内联显示。 2. EML附件提取:电子邮件的EML文件通常是以纯文本格式存储的,包括邮件的头部信息、正文和附件...

    HTML5 图片上传 BASE64

    关键的接口有`FileReader`,它提供异步读取文件的方法,如`readAsDataURL()`,这个方法会将文件读取为Data URL,即BASE64编码格式。 二、Data URLs Scheme Data URLs是一种内联资源的方式,它将资源的数据直接嵌入...

    JavaScript获得页面base标签中url的方法

    `&lt;base&gt;`标签应该放在HTML文档的`&lt;head&gt;`部分,它只能定义一次,不能重复定义。`&lt;base&gt;`标签主要有两个属性:`href`和`target`。其中,`href`属性用于指定基准URL,而`target`属性则用于指定链接打开的位置,比如在...

    图片与BASE64字符串互转,生成HTML,带源码

    以前写过一个很简单的,最近要用到,稍微加强了一下,一般图片转BASE64就用在网页的img标签中,所以特别为些做了些方便的小优化。 增加了可以从BASE64直接转化为图片的功能。 源码基于.NET 2.0,使用VS 2012编写

    html文件head内部标记浅析(meta,link,base,body)

    这样,就不需要在每个链接的标签中单独指定target属性。 四、 标签包含了网页的主体内容,其属性可以影响页面的显示效果: 1. 文字颜色: `ALINK`、`LINK`、`TEXT`、`VLINK` 分别定义了活动链接、普通链接、正常...

Global site tag (gtag.js) - Google Analytics