- 样式提取(将样式输出到一个样式文件中,ssr不显示在页面中)
//nuxt.config.js配置文件修改配置
//官网介绍地址:https://www.nuxtjs.cn/api/configuration-build (搜索extractCSS)
build: {
extractCSS: true,
},
- 去掉多余的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里的请求,可能还会存在一些状态的问题,建议时候后多测试调优。
评论