- NuxtJs框架搭建項(xiàng)目申尤，進(jìn)行網(wǎng)頁源代碼優(yōu)化
- 樣式只要不是通過nuxt.config.js中通過文件導(dǎo)入進(jìn)來都會先是在頁面中，頁面信息雜亂衙耕，爬蟲抓取頁面有長度限制昧穿，需要去除CSS代碼
- 默認(rèn)情況下nuxt模塊會把接口請求數(shù)據(jù)轉(zhuǎn)化為字符串一同打包到網(wǎng)頁源代碼中
當(dāng)時解決辦法是在node_modules下 @nuxt/nuxt/vue-renderer/dist/vue-renderer.js 文件中，將其注釋掉
// css
renderStyles (renderContext) {
return ''
// return this.addAttrs(renderContext.renderStyles(), 'link')
}
// js
const serializedSession = `window.${this.serverContext.globals.context}=${devalue(renderContext.nuxt)};`;
APP += `<script></script>`; //刪除當(dāng)前變量APP頁面中window._nuxt_= 內(nèi)容將消失
優(yōu)化前
image
優(yōu)化后
image
