/*
 * @Description: 
 * @Author: lxc
 * @Date: 2019-07-02 16:14:07
 * @LastEditTime: 2019-08-14 16:08:19
 * @LastEditors: lxc
 */
// 導(dǎo)出 store 的地方

import Vue from 'vue'
import Vuex from 'vuex'
import state from './state'
import actions from './actions'
import mutations from './mutations'
import getters from './getters'
import canteen from './modules/canteen'
import contact from './modules/contact'
import health from './modules/health'
import scan from './modules/scan'

Vue.use(Vuex)

let store
const initStore = () => {
 return store || (store = new Vuex.Store({
 // 存放公用數(shù)據(jù)
 state,
 // 異步操作要通過actions，否則通過cimmit直接操作mutations
 actions,
 // 同步放數(shù)據(jù)
 mutations,
 getters,
 modules: {
  // store 模塊....
 }
 }))
}
export default initStore

import store from '@/store'
const TOKEN = 'testToken'

// 這里只是舉個(gè)例子
function getToken() {
 return isNotEmpty(store().state.token) ? store().state.token : TOKEN
}

<script>
export default {
 async fetch ({ app, store, params }) {
 let { res } = app.$axios.get('/token');
 store.commit('setToken', res.data.token);
 }
}
</script>

<script>
import Vuex from 'vuex'
 
let store = () => new Vuex.Store({
 state: {
 token: ''
 },
 mutations: {
 setToken (state, token) {
  state.token = token
 }
 },
 actions: {
 nuxtServerInit({ commit }, { req }) {
  let cookie = req.headers.cookie;
 
  // 將cookie轉(zhuǎn)成json對(duì)象（自己實(shí)現(xiàn)該方法）
  let token = cookieparse(cookie).token;
  commit('setToken', token);
 },
 }
})
 
export default store
</script>