vue-cli --动态路由

import Layout from './views/layout/Layout';
//设置动态加载的页面路径,在index.html里渲染出来的页面都必须在这里先写好.如果没在这里配好,则侧边栏不会出现页面链接
let asyncRoute = [
    { path: '/mps',component: Layout,redirect: '/mps/activityList',name: 'mps',meta: { title: '促销活动管理', icon: 'example' }},
    { path: 'activity',component: () => import('@/views/activity/createActivity'),name: 'activity',meta: { title: '拼团活动', icon: 'form' },hidden:true},
    { path: '*', redirect: '/404', hidden: true }
]

let totalRoute = [];
function asyncRenderRoute(setList){
    var list = [];
    for (let i=0;i<setList.length;i++){
        var obj = {}
        for(let j=0;j<asyncRoute.length;j++){
            if(setList[i]['path']==asyncRoute[j]['path']){
                obj.path = asyncRoute[j]['path'];
                obj.component = asyncRoute[j]['component'];
                obj.redirect = asyncRoute[j]['redirect'] || '';
                obj.name = asyncRoute[j]['name'] || '';
                obj.meta = asyncRoute[j]['meta'] || {};
                obj.params = asyncRoute[j]['params'] || {};
                if(asyncRoute[j]['hidden']!=undefined){
                    obj.hidden =  asyncRoute[j]['hidden'] ;
                }
                if(setList[i]['children']!=undefined&&setList[i]['children'].length>0){
                    obj.children = asyncRenderRoute(setList[i]['children']);
                }
                break;
            }
        }
        if(JSON.stringify(obj)!='{}'){
            list.push(obj);
        }
    }
    return list;
}
export default asyncRenderRoute;

 

//auth.js
import Cookies from 'js-cookie'

const TokenKey = 'Admin-Token'

export function getToken() {
  return Cookies.get(TokenKey)
}

export function setToken(token) {
  return Cookies.set(TokenKey, token)
}

export function removeToken() {
  return Cookies.remove(TokenKey)
}

//user.js
import { login, logout, getInfo } from '@/api/login'
import { getToken, setToken, removeToken } from '@/utils/auth'

const user = {
  state: {
    token: getToken(),
    name: '',
    avatar: '',
    roles: []
  },

  mutations: {
    SET_TOKEN: (state, token) => {
      state.token = token
    },
    SET_NAME: (state, name) => {
      state.name = name
    },
    SET_AVATAR: (state, avatar) => {
      state.avatar = avatar
    },
    SET_ROLES: (state, roles) => {
      state.roles = roles
    }
  },

  actions: {
    // 登录
    // Login({ commit }, userInfo) {
    //   const username = userInfo.username.trim()
    //   return new Promise((resolve, reject) => {
    //     login(username, userInfo.password).then(response => {
    //       const data = response.data
    //       setToken(data.token)
    //       commit('SET_TOKEN', data.token)
    //       resolve()
    //     }).catch(error => {
    //       reject(error)
    //     })
    //   })
    // },

    // 获取用户信息
    GetInfo({ commit, state }) {
      return new Promise((resolve, reject) => {
        getInfo(state.token).then(response => {
          const data = response.data
          if (data.roles && data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
            commit('SET_ROLES', data.roles)
          } else {
            reject('getInfo: roles must be a non-null array !')
          }
          commit('SET_NAME', data.name)
          commit('SET_AVATAR', data.avatar)
          resolve(response)
        }).catch(error => {
          reject(error)
        })
      })
    },

    // 登出
    LogOut({ commit, state }) {
      return new Promise((resolve, reject) => {
        logout(state.token).then(() => {
          commit('SET_TOKEN', '')
          commit('SET_ROLES', [])
          removeToken()
          resolve()
        }).catch(error => {
          reject(error)
        })
      })
    },

    // 前端 登出
    FedLogOut({ commit }) {
      return new Promise(resolve => {
        commit('SET_TOKEN', '')
        removeToken()
        resolve()
      })
    }
  }
}

export default user