NEXT.js
NEXT.js 静态生成模式实现预载数据再渲染运营后台场景，必须获取一个有效用户数据结构才能进入，且没有登入功能，用户数据通过外部用户中心接口取得。基于vue的nuxt框架，直接就有middleware这种东西，可以做路由拦截的同时，也可以做数据预载，比如在进入某个页面组件之前，先获取这个组件的数据，完事后直接塞到组件的props里面去；缺点就是如果这个接口响应时间太长，就会有明显的卡屏感受，一般也是会单独做一个加载的提示组件告诉用户没卡。在使用nuxt的时候，直接在根组件上获取数据，等待完成后再进入具体的页面组件，体验非常接近传统的服务端渲染，用户打开页面的时候，他需要的一切都已经准备妥当
42
ragnaroks
2021-09-06