国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Nuxt.js踩坑分享

nidaye / 2559人閱讀

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

構(gòu)建問題 1. 如何在 head 里面引入js文件?
背景: 在標(biāo)簽中,以inline的形式引入flexible.js文件。本項目主要為移動端項目,引入flexible.js 實現(xiàn)移動端適配問題。

Nuxt.js 通過 vue-meta 實現(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"]
}

踩坑成功,下一個坑...

2. 如何使用預(yù)處理器
背景:在組件中的