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

資訊專欄INFORMATION COLUMN

Nuxt.js踩坑分享

nidaye / 2567人閱讀

摘要:但是解決過程并不是很順利的,在閱讀中文文檔時,忽略版本號,按照上面的提示進行操作,發現不能成功,后來各種,最后發現了該解決方案。發生在這個問題的原因時,服務端并沒有或對象。

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

Nuxt.js 通過 vue-meta 實現頭部標簽管理,通過查看文檔發現,可以按照如下方式配置:

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

結果,生成 html:

我們發現 vue-meta 把引號做了轉義處理,加入 __dangerouslyDisableSanitizers: ["script"] 后,就不會再對這些字符做轉義了,該字段使用需慎重!

接下來,要把 console.log("hello") 的內容替換成 flexible.js,配置升級之后:

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

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

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