const context = {
  title: 'M.M.F 小屋',
  description: 'M.M.F 小屋',
  url: req.url,
  cookies: req.cookies
}
renderer.renderToString(context, (err, html) => {
  if (err) {
    return errorHandler(err)
  }
  res.end(html)
})

import axios from 'axios'
import qs from 'qs'
import md5 from 'md5'
import config from './config-server'

const SSR = global.__VUE_SSR_CONTEXT__
const cookies = SSR.cookies || {}
const parseCookie = cookies => {
  let cookie = ''
  Object.keys(cookies).forEach(item => {
    cookie+= item + '=' + cookies[item] + '; '
  })
  return cookie
}

export default {
  async post(url, data) {
    const cookie = parseCookie(cookies)
    const res = await axios({
      method: 'post',
      url: config.api + url,
      data: qs.stringify(data),
      timeout: config.timeout,
      headers: {
        'X-Requested-With': 'XMLHttpRequest',
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        cookie
      }
    })
    return res
  },
}

const context = {
  title: 'M.M.F 小屋',
  url: req.url,
  cookies: req.cookies,
}
renderer.renderToString(context, (err, html) => {
  if (err) {
    return handleError(err)
  }
  res.end(html)
})

Promise.all(matchedComponents.map(({asyncData}) => asyncData && asyncData({
  store,
  route: router.currentRoute,
  cookies: context.cookies,
  isServer: true,
  isClient: false
}))).then(() => {
  context.state = store.state
  context.isProd = process.env.NODE_ENV === 'production'
  resolve(app)
}).catch(reject)

export default {
  name: 'frontend-index',
  async asyncData({store, route, cookies}, config = { page: 1}) {
    config.cookies = cookies
    await store.dispatch('frontend/article/getArticleList', config)
  }
  // .....
}

import api from '~api'

const state = () => ({
  lists: {
    data: [],
    hasNext: 0,
    page: 1,
    path: ''
  },
})

const actions = {
  async ['getArticleList']({commit, state}, config) {
    // vuex 作为临时缓存
    if (state.lists.data.length > 0 && config.path === state.lists.path && config.page === 1) {
      return
    }
    let cookies
    if (config.cookies) {
      cookies = config.cookies
      delete config.cookies
    }
    const { data: { data, code} } = await api.get('frontend/article/list', {...config, cache: true}, cookies)
    if (data && code === 200) {
      commit('receiveArticleList', {
        ...config,
        ...data,
      })
    }
  },
}

const mutations = {
  ['receiveArticleList'](state, {list, hasNext, hasPrev, page, path}) {
    if (page === 1) {
      list = [].concat(list)
    } else {
      list = state.lists.data.concat(list)
    }
    state.lists = {
      data: list, hasNext, hasPrev, page, path
    }
  },
}

const getters = {

}

export default {
  namespaced: true,
  state,
  actions,
  mutations,
  getters
}

import axios from 'axios'
import qs from 'qs'
import config from './config-server'

const parseCookie = cookies => {
  let cookie = ''
  Object.keys(cookies).forEach(item => {
    cookie+= item + '=' + cookies[item] + '; '
  })
  return cookie
}

export default {
  get(url, data, cookies = {}) {
    const cookie = parseCookie(cookies)
    return axios({
      method: 'get',
      url: config.api + url,
      data: qs.stringify(data),
      timeout: config.timeout,
      headers: {
        'X-Requested-With': 'XMLHttpRequest',
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        cookie
      }
    })
  },
}