From f6ea543b3de9a770c1bf5db2baf3e8a5dc2c867a Mon Sep 17 00:00:00 2001 From: 潘志宝 <979469083@qq.com> Date: 星期一, 30 十二月 2024 18:18:44 +0800 Subject: [PATCH] 10.88.4.131 --- src/main.ts | 88 +++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 87 insertions(+), 1 deletions(-) diff --git a/src/main.ts b/src/main.ts index 76c7247..ed098e4 100644 --- a/src/main.ts +++ b/src/main.ts @@ -4,6 +4,19 @@ // 导入全局的svg图标 import '@/plugins/svgIcon' +import Iconify from '@iconify/iconify' +import epJson from '@iconify/json/json/ep.json' +import faJson from '@iconify/json/json/fa.json' +import faSolidJson from '@iconify/json/json/fa-solid.json' + +Iconify.addCollection(epJson) +Iconify.addCollection(faJson) +Iconify.addCollection(faSolidJson) + +export * from '@iconify/iconify' + +export default Iconify + // 初始化多语言 import { setupI18n } from '@/plugins/vueI18n' @@ -29,7 +42,7 @@ import router, { setupRouter } from '@/router' // 权限 -import { setupAuth } from '@/directives' +import { setupAuth, setupMountedFocus } from '@/directives' import { createApp } from 'vue' @@ -41,6 +54,20 @@ import Logger from '@/utils/Logger' import VueDOMPurifyHTML from 'vue-dompurify-html' // 解决v-html 的安全隐患 + +import WujieVue from 'wujie-vue3' + +const { setupApp } = WujieVue + +import hostMap from "@/utils/hostMap"; + +import { micros } from '@/utils/micors' + +import lifecycles from '@/utils/lifecycles' // 生命周期函数 + +// import credentialsFetch from "@/utils/fetch"; + +const isProduction = process.env.NODE_ENV === "production"; // 创建实例 const setupAll = async () => { @@ -60,13 +87,72 @@ setupAuth(app) + setupMountedFocus(app) + await router.isReady() app.use(VueDOMPurifyHTML) + + app.use(WujieVue) app.mount('#app') } setupAll() +const degrade = window.localStorage.getItem("degrade") === "true" || !window.Proxy || !window.CustomElementRegistry; +const props = { + jump: (name) => { + router.push({ name }); + }, +}; + +// 模拟接口查询,实现动动态子应用加载与动态路由添加 +const setMiro = () => + new Promise((resolve) => { + for (const value of micros) { + const obj: any = { + path: `/${value.name}`, + name: value.name, + component: () => import(`@/views/micro/index.vue`) + } + router.addRoute('home', obj) + const attrs = isProduction ? { src: hostMap("//localhost/") } : {}; + setupApp({ + name: "fast", + url: hostMap("//localhost:90/"), + attrs, + exec: true, + alive: true, + plugins: [{ cssExcludes: ["https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"] }], + props, + // 引入了的第三方样式不需要添加credentials + // fetch: (url, options) => + // url.includes(hostMap("//localhost:90/")) ? credentialsFetch(url, options) : window.fetch(url, options), + degrade, + ...lifecycles, + }); + // setupApp({ + // name: value.name, + // url: getUrl(value.name, micros), + // exec: true, + // ...lifecycles + // }) + } + resolve(true) + }) +// eslint-disable-next-line require-await +router.beforeEach(async (to, _from, next) => { + if (router.getRoutes().length <= 3) { + // 如果路由个数为基础路由,则说明没有进行路由和子应用添加,需要动态添加,添加完成,根据路由地址进行跳转 + await setMiro() + next({ + path: to.path, + query: { ...to.query } + }) + } else { + next() + } +}) + Logger.prettyPrimary(`欢迎使用`, import.meta.env.VITE_APP_TITLE) -- Gitblit v1.9.3