vue + setup

最新推荐文章于 2024-08-13 16:04:45 发布

scaling_heights

最新推荐文章于 2024-08-13 16:04:45 发布

阅读量2.7k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/jz1993/article/details/82531412

版权

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

vscode64位下载地址：
https://code.visualstudio.com/docs/?dv=winzip解压缩包安装完成。
Ctrl + Shift + ~ 快捷键打开cmd操作。
.

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
import routers from './routers'
import axios from 'axios'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import Vuex from 'vuex'

Vue.use(VueRouter)
Vue.use(Element)
Vue.use(Vuex)

Vue.prototype.$http = axios
Vue.config.productionTip = false


const router = new VueRouter({
  mode: 'history',
  routes: routers
})

const store = new Vuex.Store({
  state: {
    count: 0,
    adminleftnavnum:"1", //管理后台左侧导航
    color: [ '#698570', '#AE5548', '#6D9EA8', '#9CC2B0', '#C98769','#325B69'],
    token: ''
  },
  mutations: {
    increment (state) {
      state.count++
    },
    set_token(state, token) {
      state.token = token
      sessionStorage.token = token
    },
    del_token(state) {
      state.token = ''
      sessionStorage.removeItem('token')
    }
  }
})


if (sessionStorage.getItem('token')) {
  console.info("sessionStorage.getItem('token') = ",sessionStorage.getItem('token'));
  store.commit('set_token', sessionStorage.getItem('token'));
}

router.beforeEach((to,from,next) => {
  console.info("to.path = " , to.path , " , requireAuth = " , to.meta.requireAuth , " , store.state.token = " , store.state.token , " , sessionStorage.getItem('token') = " , sessionStorage.getItem('token'));
  if (to.meta.requireAuth && (!sessionStorage.getItem('token') || sessionStorage.getItem('token') == 'undefined')) {
    console.info(111111);
    next({
      path: '404',
      // query: {redirect: to.fullPath}
    })
  } else {
    next()
  }
})


/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>',
  data: {
    eventHub: new Vue(),
    charts: []
  }
})