<base>标签

标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括、、、

HTML 的标签指定了用于解析静态文件（如图片、脚本和样式表）相对地址的基地址。

在开发期间，你通常会在存有 index.html 的目录下启动开发服务器。那就是根目录，你要在 index.html 的顶部附近添加，因为 / 就是该应用的根路径。

但是在共享或生产服务器上，你可能会在子目录下启动服务器。比如，当前应用的加载地址可能类似于 http://www.mysite.com/my/app/，这里的子目录就是 my/app/。所以你就要往服务端版本的 index.html 中添加

在共享或生产服务器上目录是 http://www.mysite.com/app/

图片路径

在 html

<div>
  
  <img src="img/logo.png" />
div>

在css

.logo {
        // 生产环境用/开头的，要在部署的app同级的assets下添加logo.png
        background: url("/assets/images/logo.png") no-repeat center;

        // 生产环境无/开头的，可以自动补全   http://www.mysite.com/app/assets/images/logo.png

        // 但是在开发环境会报错，所以可以打包后再手动修改，吧/去掉

        background: url('assets/images/logo.png') no-repeat center; 
}

相关