1

litian

2024-05-30 e881af358017042209a076554c333bd5e58d1b68

 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,11 +17,10 @@

// 路由执行之前的一些操作
router.beforeEach((to, from, next) => {
  // 如果有token
  if (handleGetToken()) {
    // 是否是登录页面，直接到首页
    if (to.path === '/login') {
      next({ path: '/transmission' })
      next({ path: '/home', query: { bookId: localStorage.getItem('bookId') } })
    } else {
      // 如果不是登录页面，跳转到目标的页面
      next()
@@ -37,34 +36,37 @@
  }
})


// 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 +75,3 @@
}

app.mount('#parentApp')