url:必传参数,必须指向子应用的 index.html 子应用为 vite 时,需添加 iframe 5. 启动主应用 最终效果如下
用vite,图片资源放在public下面,使用绝对地址引用图片 子应用在public文件夹中新建assets文件夹,在assets文件夹下建一个vite1 文件夹,静态资源放置于此 主应用开发环境使用proxy,线上环境使用nginx转发 子应用使用组件插槽或者pinia,路由懒加载报错问题 小项目几个路由加载页面不使用懒加载, 大项目中懒加载的时候不要使用...
1. 第一步,创建2个vue3+vite项目 创建【main-vue3-app】主系统,以及【child-vue3-app】子系统。 然后就是安装 vue-router、sass依赖,里面代码敲敲敲,再把主、子系统跑起来。 ps: 主系统访问ip端口:http://127.0.0.1:1111/ 子系统访问ip端口:http://127.0.0.1:2222/child-vue3/ 好,第一步把这个基石...
wujie微应用的子应用(vite+vue3)动态图片特定不显示? 1.1k 阅读 使用qiankun主应用,想把vue3+vite 项目做成子应用,有一些问题? 1 回答1.5k 阅读✓ 已解决 vue3+vite为基座,vue2为子应用,使用的是qiankun,为什么加载子应用的时候会出现跨域的错误? 1 回答2.9k 阅读 Vite+vue3+Router4 在事件中添加子路由...
vite+vue+micro-app 配置分为两部分，主应用也就是基座应用，子应用部分：基座应用：入口文件main.js,映入微前端引擎micro-app启动微前端。此处的loader的作用是因为vite开发模式下引入的资源是相对路径，但是子应用也是vite的情况下，主应用加载资源的时候就会以主应用为域名去加载，加载不到子应用的资源，所以无法...
1. 分别打包vite+vue3+Microapp主应用和vue2+element子应用: cd my-microapp yarn build cd my-subapp npm run build 2. 部署发布时,可以将vite+vue3+Microapp主应用和vue2+element子应用分别部署在不同的服务器上,并在主应用中配置子应用的地址,然后就可以访问微前端系统了。
1、依然使用推荐框架 vite + vue3 等基础框架做试用 2、下载依赖 AI检测代码解析 yarnadd@micro-zoe/micro-app--save 1. 当时笔者使用的版本是:@micro-zoe/micro-app@1.0.0-rc.4,后面为了解决一些问题(后述博客会有提及),增加了版本到@micro-zoe/micro-app@1.0.0-rc.5,各位小伙伴若基于本博客使用,注意...
(3)会话管理 (4)路由、菜单管理 (5)主题管理 (6)共享依赖 (7)多语言管理(最重要的一点) content里面可以任意放不同技术的子应用,只需要开发一个主应用(主应用也可以自由选择语言,目前支持react、vue、vite、angular、next.js、nuxt.js),将一些分散的应用接进来,主应用还可以通过控制权限,让不同的账号看到的...
复现步骤 1.用vue3+vite做主应用 2.主应用中左侧菜单通过路由打开umi3.5微应用,怎么统一登录状态,进入微应用的时候不需要登录了 上传截图 请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。 复现仓库 请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。
vite.config.js 中转路由, MicroApp组件封装 8个月前 yarn.lock vite模版项目 2年前 README Vue 3 + Vite Recommended IDE Setup Vue 3 + Vite This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3SFCs, check out thescript setup docsto learn more. ...