在 AJS 应用程序中添加 <base href="/">

Question

我无法在 dist 文件夹的 index.html 中添加以下内容：

 <base href="/"> 

在头标签之后。我如何使用 grunt 任务来做到这一点？

参考：https://docs.angularjs.org/error/$location/nobase

Answer 1

您可以使用grunt-processhtml 仅在使用template-block 构建后添加<base>-元素

<!-- build:template
<base href="/">
/build -->

在您使用grunt-processhtml 处理文件之前，请注意模板块是如何被注释掉的。如果您想将 href-values 更改为根以外的其他值，您可以选择添加模板值。

<!-- build:template
<base href="/<%= basehref %>">
/build -->

配置：

  processhtml: {
    build: {
      options: {
        data: {
          basehref: ''
        }
      },
      files: {
        'dist/index.html': ['index.html']
      }
    }
  }