如何删掉 Nuxt 中的 window._NUXT_ 问题

这个issue (opens new window)里面提到了一个工具包cheerio，这个工具包就像jquery一样，可以很方便的操作dom，关键就是在于如何通过这个工具找到window.__nuxt__然后移除它。在nuxt.config.js中添加如下配置:

hooks: {
  'render:route': (url, result) => {
    this.$ = cheerio.load(result.html,{decodeEntities: false});
    //由于window.__nuxt__总是位于body中的第一个script中，
    //所以我移除了body中第一个脚本标签
    this.$(`body script`).eq(0).remove();
    result.html = this.$.html()
  }
}

1
2
3
4
5
6
7
8
9

具体实现 1.安装cheerio

npm install cheerio

2.修改nuxt.config.js

const cherrio = const cheerio = require('cheerio');
export default {
//其余配置略
hooks: {
    'render:route': (url, result) => {
      this.$ = cheerio.load(result.html,{decodeEntities: false});
      //由于window.__nuxt__总是位于body中的第一个script中，
      //所以我移除了body中第一个脚本标签
      this.$(`body script`).eq(0).remove();
      result.html = this.$.html()
    }
  }
}

1
2
3
4
5
6
7
8
9
10
11
12
13

#Nuxt

上次更新: 2024/01/30, 00:35:17

← 如何优化 Nuxt.js 源代码里面的 css 和 window.__NUXT__ React classnames 的使用方法→