nuxt3使用vconsole的正确姿势

[Keekuun]

nuxt3使用vconsole的正确姿势：

app: {
    head: {
      script: [
         {
           src: '//unpkg.com/vconsole@latest/dist/vconsole.min.js',
           type: 'text/javascript',
         },
      ],
    },

初始化：

if (process.client) {
  process.dev && window.VConsole && new window.VConsole()
}

上述初始化方式虽然可以在页面引入vconsole，但是无法正确捕获到请求。

将初始化方式放在config文件中：

  app: {
    head: {
      script: [
         {
          src: '//unpkg.com/vconsole@latest/dist/vconsole.min.js',
           type: 'text/javascript',
         },
         { innerHTML: 'new VConsole()' },
      ],
    },
  },

使用eruda也是同样的引入方式

https://github.com/liriliri/eruda/issues/303

[Keekuun]

希望可以帮助更多开发者少踩坑

[AnGaoLang]

hello你知道为啥么。