bootstrap 动态添加js 页面渲染_使用 Nuxt.js实现SSR服务器端渲染之页面渲染流程详解...

Nuxt.js对于网页的SEO是及其有帮助的，它在服务端将页面渲染好以后在展示在前端。如果想要使用好Nunxt那么就必须搞明白那些方法是在服务器端就开始运行的，哪些是在客户端运行的，简单点说，就是哪些是在服务器上跑的，哪些是在前端浏览器上跑的。

先看下官方给出的流程图

首先是IncomingRequest 就是从客户端发起请求，直白点说就是你打开了网页，那么网页就要向服务器发起请求了

然后就开始执行nuxtServerInit 可以理解为服务初始化，很多人不知道nuxtServerInit用在哪里使用其实他是在strore文件夹下的 vuex文件actions中进行数据、状态初始化的，比如：

export const state = () => ({datas:{},})export const getters = {getInitData(state,post){ return state.datas}}export const mutations = {setInitData(state, gets) {state.datas = gets}}export const actions = {//数据初始化方法 async nuxtServerInit(vuexContent, context) {  let datas = await context.$axios.get'/ap/xxxx') ;  vuexContent.commit("setInitData