xiugai

litian

2024-06-12 3a80faf0196f8dfa1b6cdb26ece68b37842c66b1

 src/main.ts

@@ -8,7 +8,7 @@
import router from './router'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import toolClass from '@/assets/js/toolClass'
import request from '@/plugin/axios/index.ts'
import MG from '@/assets/js/middleGround/WebMiddleGroundApi.js'
import './child.ts'

const handleGetToken = () => {
@@ -17,54 +17,57 @@

// 路由执行之前的一些操作
router.beforeEach((to, from, next) => {
  // 如果有token
  if (handleGetToken()) {
    // 是否是登录页面，直接到首页
    if (to.path === '/login') {
      next({ path: '/transmission' })
    } else {
      // 如果不是登录页面，跳转到目标的页面
      next()
    }
  } else {
    // 没有token
    if (!to.meta || !to.meta.auth) {
      // 在免登录白名单，直接进入
      next()
    } else {
      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
    }
  }
  next()
  // if (handleGetToken()) {
  //   // 是否是登录页面，直接到首页
  //   if (to.path === '/login') {
  //     next({ path: '/home', query: { bookId: localStorage.getItem('bookId') } })
  //   } else {
  //     // 如果不是登录页面，跳转到目标的页面
  //     next()
  //   }
  // } else {
  //   // 没有token
  //   if (!to.meta || !to.meta.auth) {
  //     // 在免登录白名单，直接进入
  //     next()
  //   } else {
  //     next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
  //   }
  // }
})


// qiankun主应用与微应用通讯
import { initGlobalState, type MicroAppStateActions } from 'qiankun'
import state from './qiankunState/state'
// import { initGlobalState, type MicroAppStateActions } from 'qiankun'
// import state from './qiankunState/state'

state.bb = (data) => {
  console.log(data);
}
// state.bb = (data) => {
//   console.log(data);
// }

// 初始化 state
const actions: any = initGlobalState(state)
// 监听state变化
actions.onGlobalStateChange((state: any, prev: any) => {
  // state: 变更后的状态; prev 变更前的状态
  console.log("父层change：",state, prev)
})
// 设置state的值
actions.setGlobalState(state)
// const actions: any = initGlobalState(state)

console.log(actions,"actions");
// 监听state变化
// actions.onGlobalStateChange((state: any, prev: any) => {
//   // state: 变更后的状态; prev 变更前的状态
//   console.log("父层change：",state, prev)
// })
// 设置state的值
// actions.setGlobalState(state)

// console.log(actions,"actions");

// app.provide('qiankunActions', actions)
// window.qiankunActions = actions

// 移除当前应用的状态监听，微应用 umount 时会默认调用
// actions.offGlobalStateChange()

const app = createApp(App)
app.provide('qiankunActions', actions)

app.provide('toolClass', toolClass)
app.provide('request', request)
app.provide('MG', MG)
app.use(router)
app.use(ElementPlus)
app.use(pinia)
@@ -73,4 +76,3 @@
}

app.mount('#parentApp')