摘要：但是解決過程并不是很順利的，在閱讀中文文檔時(shí)，忽略版本號，按照上面的提示進(jìn)行操作，發(fā)現(xiàn)不能成功，后來各種，最后發(fā)現(xiàn)了該解決方案。發(fā)生在這個(gè)問題的原因時(shí)，服務(wù)端并沒有或?qū)ο蟆?/p>

背景: 在標(biāo)簽中，以inline的形式引入flexible.js文件。本項(xiàng)目主要為移動端項(xiàng)目，引入flexible.js 實(shí)現(xiàn)移動端適配問題。

Nuxt.js 通過 vue-meta 實(shí)現(xiàn)頭部標(biāo)簽管理，通過查看文檔發(fā)現(xiàn)，可以按照如下方式配置：

// nuxt.config.js
head: {
  script: [
    { innerHTML: "console.log("hello")", type: "text/javascript", charset: "utf-8"}
  ]
}

結(jié)果，生成 html:

我們發(fā)現(xiàn) vue-meta 把引號做了轉(zhuǎn)義處理，加入 __dangerouslyDisableSanitizers: ["script"] 后，就不會再對這些字符做轉(zhuǎn)義了，該字段使用需慎重！

接下來，要把 console.log("hello") 的內(nèi)容替換成 flexible.js，配置升級之后：

head: {
  script: [{ innerHTML: require("./assets/js/flexible"), type: "text/javascript", charset: "utf-8"}],
  __dangerouslyDisableSanitizers: ["script"]
}

踩坑成功，下一個(gè)坑...

背景：在組件中的