Vue

Nuxtjs优化建议

Elysian
2021-12-24 / 0 评论 / 205 阅读 / 正在检测是否收录...
  1. 样式提取(将样式输出到一个样式文件中,ssr不显示在页面中)
//nuxt.config.js配置文件修改配置
//官网介绍地址:https://www.nuxtjs.cn/api/configuration-build (搜索extractCSS)
build: {
  extractCSS: true,
},
  1. 去掉多余的window.__NUXT__内容
hooks: {
  'vue-renderer:ssr:context'(context) {
    if (context?.nuxt?.error?.statusCode === 200) {
      const routePath = JSON.stringify(context.nuxt.routePath);
      context.nuxt = { serverRendered: true, routePath };
    }
  }
},

该方法存在副作用,因为去掉了__NUXT__里面的内容,原本服务端传递给客户端的状态和数据都存在该位置,清除后页面再加载后客户端会再次请求asyncData里的请求,可能还会存在一些状态的问题,建议时候后多测试调优。

0

评论

博主关闭了所有页面的评论