SSR模式nuxt服务器如何提前渲染数据

1、客户端渲染

vue代码:SSR模式nuxt服务器如何提前渲染数据
界面:SSR模式nuxt服务器如何提前渲染数据
显示:SSR模式nuxt服务器如何提前渲染数据

说明
因为服务端SSR并没有this,所以这没办法在服务端渲染的,而是在客户端渲染。可以在调试界面看出下发到客户端是没有相关数据的,那么如何做到在服务端渲染
先看看这张图
SSR模式nuxt服务器如何提前渲染数据
Render是下发到客户端的,是可以再服务端执行async Data获取数据的,fetch是应对的是vuex的。
怎么改写达到服务端渲染下发呢?
SSR模式nuxt服务器如何提前渲染数据
调试界面可以看到下放的模板带有数据了的
SSR模式nuxt服务器如何提前渲染数据