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

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

Nuxt.js 通過(guò) vue-meta 實(shí)現(xiàn)頭部標(biāo)簽管理，通過(guò)查看文檔發(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 把引號(hào)做了轉(zhuǎn)義處理，加入 __dangerouslyDisableSanitizers: ["script"] 后，就不會(huì)再對(duì)這些字符做轉(zhuǎn)義了，該字段使用需慎重！

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

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

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

背景：在組件中的