vue.js - 如何在nuxt项目中删除window._nuxt_，对我来说太大了

Question

当我nuxt用来开发我的项目时，我发现了一些问题。

window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,_,$,aa, ..... code was too larger

我可以删除它或使用js文件替换它吗？

Answer 1

我找到了一个比较完美的解决方案。我将在这里与您分享。你也可以看看我使用NUXT Sample Website开发的网站

关键是hook功能vue-renderer:ssr:context，可以设置context.nuxt = null删除里面的任何数据window._NUXT_。

但这不是很好，你必须添加serverRender和routePathwindow.nuxt

// nuxt.config.js
{
...,
hooks: {
    'vue-renderer:ssr:context'(context) {
      const routePath = JSON.stringify(context.nuxt.routePath);
      context.nuxt = {serverRendered: true, routePath};
    }
  }
}

你可以在我的网站上看到结果