89 lines
2.6 KiB
TypeScript
89 lines
2.6 KiB
TypeScript
import { createApp,ref, onBeforeUnmount} from 'vue'
|
||
import App from './App.vue'
|
||
import router from './router';
|
||
import ElementPlus from 'element-plus';
|
||
import 'element-plus/dist/index.css';
|
||
import zhCn from 'element-plus/es/locale/lang/zh-cn';
|
||
// import axiosInstance from '@/utils/axios-config';
|
||
import axios from 'axios';
|
||
import '@/assets/global.css'
|
||
import { useGlobalWebSocket } from './utils/useGlobalWebSocket';
|
||
import DataVVue3 from '@kjgl77/datav-vue3';
|
||
import '@kjgl77/datav-vue3/dist/style.css';
|
||
import mitt from 'mitt';
|
||
import Antd from 'ant-design-vue';
|
||
import 'ant-design-vue/dist/reset.css';
|
||
import { createPinia } from 'pinia';
|
||
|
||
|
||
const app = createApp(App)
|
||
const globalWebSocket = useGlobalWebSocket();
|
||
const pinia = createPinia();
|
||
|
||
app.provide('globalWebSocket', globalWebSocket);
|
||
// app.provide('axios', axiosInstance);
|
||
app.use(ElementPlus, { locale: zhCn });
|
||
app.use(router);
|
||
app.use(DataVVue3);
|
||
app.use(Antd);
|
||
app.use(pinia)
|
||
|
||
// 导航守卫，检查登录状态
|
||
router.beforeEach((to, from, next) => {
|
||
const token = localStorage.getItem('alertToken'); // 检查 token 是否存在，作为是否登录的依据
|
||
if (to.matched.some(record => record.meta.requiresAuth)) {
|
||
// 该路由需要认证
|
||
if (!token) {
|
||
// 如果没有 token，重定向到登录页面
|
||
next({
|
||
path: '/login',
|
||
query: { redirect: to.fullPath } // 将当前路径传递给登录页面，登录后可以重定向回来
|
||
});
|
||
} else {
|
||
// 已登录，继续访问
|
||
next();
|
||
}
|
||
} else {
|
||
// 不需要认证，继续访问
|
||
next();
|
||
}
|
||
});
|
||
|
||
// 定义转换函数
|
||
app.config.globalProperties.xToh = (px: number): string => {
|
||
const vh = (px / window.innerHeight) * 100;
|
||
return `${vh}vh`;
|
||
};
|
||
|
||
app.config.globalProperties.xTow = (px: number): string => {
|
||
const vw = (px / window.innerWidth) * 100;
|
||
return `${vw}vw`;
|
||
};
|
||
|
||
app.config.globalProperties.vhToPx = (vh: number): number => {
|
||
return (vh / 100) * window.innerHeight;
|
||
};
|
||
|
||
app.config.globalProperties.vwToPx = (vw: number): number => {
|
||
return (vw / 100) * window.innerWidth;
|
||
};
|
||
|
||
// 响应式处理
|
||
const updateDimensions = () => {
|
||
app.config.globalProperties.windowHeight = window.innerHeight;
|
||
app.config.globalProperties.windowWidth = window.innerWidth;
|
||
};
|
||
|
||
window.addEventListener('resize', updateDimensions);
|
||
updateDimensions(); // 初始化
|
||
|
||
// 清理事件监听器
|
||
onBeforeUnmount(() => {
|
||
window.removeEventListener('resize', updateDimensions);
|
||
});
|
||
|
||
const eventBus = mitt();
|
||
app.config.globalProperties.$eventBus = eventBus;
|
||
|
||
app.mount('#app')
|