init

src/lang/index.js

@@ -5,6 +5,7 @@ import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang
 import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang
 import enLocale from './en'
 import zhLocale from './zh'
+import store from '../store'
 
 Vue.use(VueI18n)
 
@@ -22,7 +23,7 @@ const messages = {
 const i18n = new VueI18n({
   // set locale
   // options: en or zh
-  locale: Cookies.get('language') || 'en',
+  locale: Cookies.get('language') || store.getters.language,
   // set locale messages
   messages
 })

src/main.js

@@ -22,7 +22,7 @@ import './mock' // simulation data
 import * as filters from './filters' // global filters
 
 Vue.use(Element, {
-  size: Cookies.get('size') || 'medium', // set element-ui default size
+  size: Cookies.get('size') || store.getters.size, // set element-ui default size
   i18n: (key, value) => i18n.t(key, value)
 })
 

src/router/index.js

@@ -1,7 +1,6 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-
+import settings from '@/settings'
-Vue.use(Router)
 
 /* Layout */
 import Layout from '@/views/layout/Layout'
@@ -12,6 +11,8 @@ import chartsRouter from './modules/charts'
 import tableRouter from './modules/table'
 import nestedRouter from './modules/nested'
 
+Vue.use(Router)
+
 /** note: Submenu only appear when children.length>=1
  *  detail see  https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
  **/
@@ -104,7 +105,7 @@ export const constantRouterMap = [
 ]
 
 export default new Router({
-  // mode: 'history', // require service support
+  mode: settings.routerMode, // require service support
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRouterMap
 })

src/settings.js

@@ -0,0 +1,25 @@
+export default {
+
+  /**
+   * @property {string} en | zh
+   * @description User first visited, default language
+   */
+  language: 'en',
+
+  /**
+   * @property {string} medium | small | mini
+   * @description User first visited, default size
+   */
+  size: 'medium',
+
+  /**
+   * @property {string} hash | history
+   * @description vue-router mode
+   */
+  routerMode: 'hash'
+
+  // permission: true,
+  // i18n: true
+  // tagsView: true,
+  // viewTransition: 'fade-transform', // options:['fade-transform','fade']
+}

src/store/modules/app.js

@@ -1,4 +1,5 @@
 import Cookies from 'js-cookie'
+import settings from '@/settings'
 
 const app = {
   state: {
@@ -7,8 +8,8 @@ const app = {
       withoutAnimation: false
     },
     device: 'desktop',
-    language: Cookies.get('language') || 'en',
+    language: Cookies.get('language') || settings.language,
-    size: Cookies.get('size') || 'medium'
+    size: Cookies.get('size') || settings.size
   },
   mutations: {
     TOGGLE_SIDEBAR: state => {

src/store/modules/user.js

@@ -10,10 +10,7 @@ const user = {
     name: '',
     avatar: '',
     introduction: '',
-    roles: [],
+    roles: []
-    setting: {
-      articlePlatform: []
-    }
   },
 
   mutations: {
@@ -26,9 +23,6 @@ const user = {
     SET_INTRODUCTION: (state, introduction) => {
       state.introduction = introduction
     },
-    SET_SETTING: (state, setting) => {
-      state.setting = setting
-    },
     SET_STATUS: (state, status) => {
       state.status = status
     },