vue3|main.js文件的一些配置

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import './styles/element/index.scss';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import ElementPlus from 'element-plus';

import { post, get, del, put } from './util/http';
import api from './util/api';
const app = createApp(App);
app.use(ElementPlus, {
	locale: zhCn,
});
app.use(store).use(router).use(ElementPlus);
// vue2使用prototype
// vue3使用globalProperties
app.config.globalProperties.api = api;
app.config.globalProperties.$get = get;
app.config.globalProperties.$post = post;
app.config.globalProperties.$del = del;
app.config.globalProperties.$put = put;
// 用来实现input输入框模糊查询
app.config.globalProperties.debounce = function (fn, delay) {
	//防抖
	let timer = null; //声明一个timer
	return function () {
		if (timer) {
			//如果timer有值的话代码已经执行过了。执行了的话是不是要清空
			clearTimeout(timer);
		}
		timer = setTimeout(() => {
			fn.apply(null, arguments);
		}, delay); //如果没有的话代表还未在规定的时间内执行
	};
};

// productionTip设置为 false ，可以阻止 vue 在启动时生成生产提示
// 开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的
app.config.productionTip = false;
// 需要从 @element-plus/icons-vue 中导入所有图标并进行全局注册。
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
	app.component(key, component);
}

 // 判断有没有token ，没有就返回登陆页
router.beforeEach((to, from, next) => {
	if (to.meta.title) {
		document.title = to.meta.title;
	}
	if (to.matched.some((res) => res.meta.isLogin)) {
		const token = sessionStorage.getItem('Authorization');
		if (token) {
			next();
		} else {
			next({
				path: '/',
				query: {
					redirect: to.fullPath,
				},
			});
		}
	} else {
		next();
	}
});
app.mount('#app');