qianKun 主应用framework

 配置各项：

import store from './store'
import directive from './directive'
import request from "@/utils/request";
import router from './router'
import {checkPermi,checkRole} from "@/utils/permission"; //基座向各级子应用传递权限校验工具
import { loadMicroApp } from 'qiankun';
const commonComponents = {};
const MicroApps = [
      {
        title: "行业通用",//微应用中文描述
        name: 'micFoundation',//微应用的name
        // entry 微应用的入口  开发环境对应微应用的服务  生产环境的对应nginx的代理转发
        entry: process.env.NODE_ENV === "production" ? '/subFoundation/' : `//${window.location.hostname}:${指定端口号}`,
        container: '#subcontainer',//用于渲染微应用的容器
        activeRule: '/micFoundation',//activeRule 微应用的激活规则  注意微应用之间该值的唯一性
        // props 向子应用传递
        props: {
            request , // 网络请求
       
            store, //基座应用向微应用的传递store
            directive,//共享指令集（权限）
            checkPermi, //  权限验证
            checkRole, // 
            window:window,
            router, // 路由
            loadMicroApp, // 手动加载子应用
            commonComponents // 公共组件
        }
    },
// 其他子应用类似
]
export default MicroApps

main.js

import MicroApps from './microConfig'
import { registerMicroApps } from 'qiankun';
registerMicroApps(MicroApps);