子应用在public文件夹中新建assets文件夹,在assets文件夹下建一个vite1 文件夹,静态资源放置于此 主应用开发环境使用proxy,线上环境使用nginx转发 子应用使用组件插槽或者pinia,路由懒加载报错问题 小项目几个路由加载页面不使用懒加载, 大项目中懒加载的时候不要使用pinia或者组件中不适用 主应用为了美观重写菜单 Hea
https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/vite 子应用 无需任何修改,直接启动子应用即可。 主应用 1. 安装微前端框架 microApp npm i @micro-zoe/micro-app --save 1. 2. 导入并启用微前端框架 microApp src/main.ts import microApp from '@micro-zoe/micro-app' microApp...
vite.config.js声明自定义标签，防止vite打包过滤 子应用路由模式声明为hash模式，推荐基座使用history路由，vite子应用使用hash路由，避免一些可能出现的问题。子应用如果是vue3，在初始化时路由时，createWebHashHistory不要传入参数 App.vue中更改应用挂载点：与主应用id不同即可 声明公共基础路径为子应用名称：base: ...
3.4. 子应用接收主应用发送消息—— 通过getData 当主应用通过data属性向子应用传送信息时,主应用可以通过getData的方法去获取 if(window.eventCenterForAppNameVite) { console.log('子系统接收data属性传来的值', window.eventCenterForAppNameVite.getData('app-child-vue3') ); } 好,上面说了主系统向子系统传...
LAMMU/microapp-vite-appA 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 分支(1) 管理 管理 master 克隆/下载 HTTPSSSHSVNSVN+SSH 该操作需登录 Gitee 帐号,请先登录后再操作。 提示 ...
content里面可以任意放不同技术的子应用,只需要开发一个主应用(主应用也可以自由选择语言,目前支持react、vue、vite、angular、next.js、nuxt.js),将一些分散的应用接进来,主应用还可以通过控制权限,让不同的账号看到的菜单不一样,即看到不同系统的页面,通过同一个地址访问到不同的子应用。
import microApp from '@micro-zoe/micro-app'; microApp.start({ plugins: { modules: { //咱们的子应用是vite项目,在这配置 'appname-vite': [ { loader(code: string) { if (process.env.NODE_ENV === 'development') { // 这里 /basename/ 需要和子应用vite.config.js中base的配置保持一致 cod...
iframe: boolean, // 是否使用iframe沙箱,vite应用必传,其它应用可选 inline: boolean, // 是否使用内联模式运行js,可选 'disable-scopecss': boolean, // 是否关闭样式隔离,可选 'disable-sandbox': boolean, // 是否关闭沙盒,可选 level: number, // 预加载等级,可选(分为三个等级:1、2、3,1表示只...
micro-app 不推荐使用 vite 项目作为 子应用,所以 vite + vue3 的用户会很很亏,只能通过 vue-cli 的形式去创建 vue3 项目。 也可以使用 vite ,但是需要手动把沙箱功能关闭,因为不支持 vite 的 module script 基座应用不需要考虑用的什么技术,主要考虑在子应用。
1.用vue3+vite做主应用 2.主应用中左侧菜单通过路由打开umi3.5微应用,怎么统一登录状态,进入微应用的时候不需要登录了 上传截图 请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。 复现仓库 请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。 环境信息 micro-app版本: 主应用...