nuxt.js头部head中添加script标签

2018.05.11 17:07 阅读 598 评论 0

修改nuxt的配置文件nuxt.config.js

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    // 其他配置省略
    script: [
      {src: '//kkfor.js', async: true},
      {innerHTML: 'console.log("kkfor")'}
    ],
    }
}

转义后,{src: '//kkfor.js', async: true}没有问题,会正常显示为以下

<script data-n-head="true" src="//kkfor.js" async="true"></script>

{innerHTML: 'console.log("kkfor")'}中的引号被转义为了&quot;

<script data-n-head="true">console.log(&quot;kkfor&quot;)</script>

在head中再添加__dangerouslyDisableSanitizers: ['script']

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
        // 其他配置省略
    script: [
      {src: '//kkfor.js', async: true},
      {innerHTML: 'console.log("kkfor")'}
    ],
    __dangerouslyDisableSanitizers: ['script'],
    }
}
0 条评论
发布