token 和 username 由vue 放到cookie中

src/main.js

@@ -30,8 +30,7 @@ router.beforeEach(({meta, path}, from, next) => {
 
   if (isLogin && (path == '/login' || path == '/')) { //已登录过，则跳转到主页
     console.log("isLogin token" + store.state.login.tokens)
-
-    store.dispatch('GetInfo')
+    // store.dispatch('GetInfo')
     return next({path: '/home/channels'})
   }
 

src/modules/home/index.vue

@@ -128,7 +128,6 @@
   export default {
     data() {
       return {
-        // username: this.$store.getters.username
         username: this.$store.state.login.username
       }
     },

src/store/index.js

@@ -18,9 +18,9 @@ Vue.use(Vuex)
 const debug = process.env.NODE_ENV !== 'production'
 
 let persistedState = {
-  paths: ['login.tokens'],
+  paths: ['login.tokens', "login.username"],
   getState: (key) => Cookies.getJSON(key),
-  setState: (key, state) => Cookies.set(key, state, {expires: 3}) //expires->cookie过期时间，单位为天
+  setState: (key, state) => Cookies.set(key, state, {expires: 1}) //expires->cookie过期时间，单位为天
 }
 
 const store =  new Vuex.Store({

src/store/modules/login.js

@@ -4,7 +4,7 @@
 import {LOGIN_IN, LOGIN_OUT, USER_INFO} from '../mutation-types'
 import tokens from '@/apis/tokens'
 import {getUserLoginInfo } from '@/apis/user'
-import {getToken, setToken, removeToken} from '@/utils/auth'
+// import {getToken, setToken, removeToken} from '@/utils/auth'
 
 const login = {
   state: {
@@ -31,15 +31,14 @@ const login = {
   },
   actions: {
     login({commit, state}, user) {
-      // tokens.getTokens(user.name, user.pass).then((data) => {
       tokens.getTokens(user.username, user.password).then((data) => {
         //success
         commit(LOGIN_IN, data.data)
-        setToken(data.data.toke)
+        // setToken(data.data.toke)
       }, (error) => {
         //fail
         commit(LOGIN_IN, '')
-        removeToken()
+        // removeToken()
       })
     },
     // 获取用户信息
@@ -65,7 +64,7 @@ const login = {
     },
     logout({commit}) {
       commit(LOGIN_OUT)
-      removeToken()
+      // removeToken()
     }
   }
 }

src/utils/auth.js

-import Cookies from 'js-cookie'
-
-import {SESSION_ID_KEY} from '../store/mutation-types'
-
-export function getToken() {
-  return Cookies.get(SESSION_ID_KEY)
-}
-
-export function setToken(token) {
-  return Cookies.set(SESSION_ID_KEY, token, { expires: 1, path: '' })
-}
-
-export function removeToken() {
-  return Cookies.remove(SESSION_ID_KEY)
-}
+// import Cookies from 'js-cookie'
+//
+// import {SESSION_ID_KEY} from '../store/mutation-types'
+//
+// export function getToken() {
+//   return Cookies.get(SESSION_ID_KEY)
+// }
+//
+// export function setToken(token) {
+//   return Cookies.set(SESSION_ID_KEY, token, { expires: 1, path: '' })
+// }
+//
+// export function removeToken() {
+//   return Cookies.remove(SESSION_ID_KEY)
+// }

src/utils/request.js

@@ -3,7 +3,7 @@ import { Message } from 'element-ui'
 import store from '../store'
 import { MessageBox } from 'element-ui'
 import { showLoading, hideLoading } from './loading'
-import {getToken} from '@/utils/auth'
+// import {getToken} from '@/utils/auth'
 
 
 // import * as getters from "../store/getters";
@@ -21,7 +21,7 @@ service.interceptors.request.use(
     const url = process.env.BASE_API
     //config.url = config.url
     // console.log(this.$store.getters)
-    config.headers['ka_token'] = getToken()
+    config.headers['ka_token'] = store.state.login.tokens
     return config
   },
   error => {