pbl-teacher-table/src/workPage/main.js

// workPage 优化版入口 - 只引入必需的依赖
import Vue from 'vue'
import App from '../App'
import router from '../router/index2'
import store from '../config/config'

// 只引入 workPage 需要的 Element UI 组件
import { Loading, Input, Button, Dialog } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import hevueImgPreview from '../components/tools/hevue-img-preview'
import { myMessage } from '../components/tools/message'
import ajax from '../common/axios.config'
import VueCookies from 'vue-cookies'

// workPage 需要的基础样式
import '../assets/css/button.css'
import '../assets/css/dialog.css'

// 按需注册 Element UI 组件
Vue.use(Loading)
Vue.use(Input)
Vue.use(Button)
Vue.use(Dialog)
Vue.use(VueCookies)
Vue.use(hevueImgPreview)



Vue.config.productionTip = false
Vue.prototype.$store = store
Vue.prototype.ajax = ajax
Vue.prototype.$message = myMessage
Vue.prototype.$loading = Loading
Vue.prototype.openLoading = function(target) {
    const loading = this.$loading.service({
        lock: true,
        background: 'rgba(255, 255, 255, 0.7)',
        target: target ? target : document.body,
        body: true,
    })
    return loading
}

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

VueCookies.config('30d')

router.beforeEach((to, from, next) => {
    if (to.meta.title) {
        document.title = to.meta.title
    }
    const requireAuth = to.meta.requireAuth
    if (requireAuth) {
        var isLogin = VueCookies.get('tlogin')
        if (isLogin == "1") {
            var userinfo = VueCookies.get('teacherInfo')
            store.commit("update", ["isLogin", true])
            store.commit("update", ["userInfo", userinfo])
            store.state.luyou = store.state.luyou + 1
            store.commit("update", ["luyou", store.state.luyou])
            next()
        } else {
            const loading = Loading.service({
                background: "rgba(255, 255, 255)",
                target: document.querySelector("body"),
            })
            store.commit("update", ["isLogin", false])
            myMessage({
                message: '未登录，请登录',
                type: 'warning'
            })
            setTimeout(() => {
                loading.close()
                next('/login')
            }, 2000)
        }
    } else {
        next()
    }
})