main.js

import {
    createApp
} from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import axios from 'axios'
import VueAxios from 'vue-axios'

createApp(App).use(store).use(router).use(ElementPlus).use(VueAxios, axios).mount("#app");

router.beforeEach((to, from, next) => {
    // to and from are both route objects. must call `next`.
    if (to.meta.needLogin) {
        console.log("hello");
        axios.get("http://localhost:8070/login", {
                withCredentials: true
            })
            .then((response) => {
                if (response.data.usertype == '用户') {
                    //显示用户名
                    console.log(response.data.data.name);
                    next();
                } else {
                    //当前为有课,不允许登录
                    next({
                        name: "Login",
                        query: {
                            redirect: to.meta.redirect
                        }
                    });
                }
            });
        next();
    } else {
        next();
    }
});