我今天尝试编译一个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
总结得票最高的:
- base配合相对路径使用,不要在路径前使用/,这不是相对路径,这是相对于Root的绝对路径;
- href后面跟反斜杠/,表明这是一个目录
我上面的问题即在/rel后面加反斜杠完成。
相关推荐
总结来说,`<base>`标签在HTML文档中起着基石般的作用,尤其是在处理相对URL和链接行为方面。对于前端开发者而言,理解和合理运用`<base>`标签,不仅可以简化代码,还能提高网站的可维护性和用户体验。
在HTML5中,`<base>`标签主要用于定义HTML文档中的基准URL(即基础URL),这为文档内的其他链接提供了一个默认的起点。此外,它还规定了如何在浏览器中打开这些链接。 #### 属性介绍 `<base>`标签支持两种主要属性...
例如,如果`<base>`标签设置为`<base href="http://example.com/" />`,那么一个相对链接`/about.html`会被解析为`http://example.com/about.html`。 2. `target`属性:这个属性用来指定所有链接(包括`<a>`标签和`...
假设我们有一个简单的 Struts 应用,其中 `<s:base>` 标签被定义为: ```xml <s:base value="http://example.com"/> ``` 接下来,我们可以使用 `<s:url>` 标签来创建一个带有 `target` 属性的链接,例如: ```xml...
在这个例子中,由于设置了`<base>`标签的`target`属性为`_blank`,所有链接将在新窗口或新标签页中打开。 然而,需要注意的是,`<base>`标签如果动态插入到DOM中,可能会引发一些问题。特别是在Firefox和IE浏览器中...
在Thymeleaf中,我们不能直接像HTML那样通过`<img>`标签的`src`属性直接使用Base64字符串,而是需要借助Thymeleaf的表达式语言和模型视图适配器(ModelAndView)来传递数据。 首先,在后台代码中,我们通常会从某种...
`<base>` 标签是HTML中一个非常特殊但至关重要的元素,它的主要作用在于为网页上的所有链接设定一个基础URL或默认的目标属性。通过设置`<base>`标签,你可以改变浏览器解析相对URL的方式,从而简化网页开发和维护,...
在HTML5中,base64编码的图片可以直接嵌入到`<img>`标签的`src`属性中。例如,`;base64,..." alt="Compressed Image">`。 图片上传通常通过AJAX实现,可以利用XMLHttpRequest或Fetch API异步发送请求。在JavaScript...
-- -->` 标签用于标明不可见的注释,这对于开发者来说非常有用。例如: ```html <!-- 这是一条注释 --> ``` ##### 标签:currentStyle - **说明**:虽然没有直接对应的 `<currentStyle>` 标签,但这里的...
- 图像数据的传输:例如,将图片数据编码为Base64字符串,嵌入HTML的`<img>`标签中。 - JSON Web Tokens (JWT):JWT通常包含Base64编码的头部、载荷和签名部分。 - 邮件附件:在某些邮件系统中,为了避免二进制附件...
`base`标签和`meta`标签是HTML文档中重要的元数据元素,它们对网页的行为和展示起到关键作用。 首先,我们来探讨`base`标签。`base`标签通常放在`<head>`标签内,用于定义页面的基准URL。这意味着所有相对链接(如...
在requireJS中,`baseURL`属性起到了类似的作用,但它主要应用于JavaScript模块管理,使得模块和依赖文件的路径可以相对于项目根目录来指定,而非当前HTML文件。这样,无论你在项目内的哪个页面引用模块,都可以使用...
通过Base64编码,可以将图像文件编码为文本形式,然后插入到`<img>`标签的`data:`URI中,实现页面上的图片内联显示。 2. EML附件提取:电子邮件的EML文件通常是以纯文本格式存储的,包括邮件的头部信息、正文和附件...
关键的接口有`FileReader`,它提供异步读取文件的方法,如`readAsDataURL()`,这个方法会将文件读取为Data URL,即BASE64编码格式。 二、Data URLs Scheme Data URLs是一种内联资源的方式,它将资源的数据直接嵌入...
`<base>`标签应该放在HTML文档的`<head>`部分,它只能定义一次,不能重复定义。`<base>`标签主要有两个属性:`href`和`target`。其中,`href`属性用于指定基准URL,而`target`属性则用于指定链接打开的位置,比如在...
以前写过一个很简单的,最近要用到,稍微加强了一下,一般图片转BASE64就用在网页的img标签中,所以特别为些做了些方便的小优化。 增加了可以从BASE64直接转化为图片的功能。 源码基于.NET 2.0,使用VS 2012编写
这样,就不需要在每个链接的标签中单独指定target属性。 四、 标签包含了网页的主体内容,其属性可以影响页面的显示效果: 1. 文字颜色: `ALINK`、`LINK`、`TEXT`、`VLINK` 分别定义了活动链接、普通链接、正常...