当前位置: 首页 > ops >正文

Qiankun在vue3+vite+ts使用

主应用(vue3+vite):

 安装qiankun 

npm install  qiankun

microApps.js:

main.ts:

 父子应用通信 globalState.ts:

子应用路由跳转:

service/index.vue

子应用(vue3+vite):

package.json中的name需要改成自定义的子应用名称

安装vite-plugin-qiankun 

npm install  vite-plugin-qiankun

main.ts引入vite-plugin-qiankun

处理路由前缀:

vite.config.ts 

设置base: /subapp/sub-service   代替 public-path.js

父子应用通信 globalState.ts:

页面使用:

参考:

 https://juejin.cn/post/6875462470593904653#heading-4

常见问题 - qiankun

http://www.xdnf.cn/news/5899.html

相关文章:

  • 最优化方法Python计算:有约束优化应用——线性可分问题支持向量机
  • 车载网关作为车辆网络系统的核心枢纽
  • 算法竞赛相关 Java 二分模版
  • 课题推荐——低成本地磁导航入门,附公式推导和MATLAB例程运行演示
  • XILINX-配置(引脚复用)
  • 【Nova UI】十六、打造组件库之滚动条组件(中):探秘滑块的计算逻辑
  • JavaScript进阶(九)
  • 定时器(两种)
  • 芋道(yudao-cloud)项目,后端接口报401-账号未登录解决方案
  • deepseek梳理java高级开发工程师微服务面试题
  • AD PCB布线的常用命令
  • EasyOps®5月热力焕新:三大核心模块重构效能边界
  • LeetCode LCR 016. 无重复字符的最长子串 (Java)
  • 工业巡检机器人 —— 机器人市场的新兴增长引擎
  • NY182NY183美光固态颗粒NY186NY188
  • 宽频带地震仪,便携、高效,守护安全防线
  • STM32 ADC 模数转换器详解:原理、配置与应用
  • 物理:由基本粒子组成的个体能否提炼和重组?
  • tiny core linux系统详解
  • 我喜欢的vscode几个插件和主题
  • 从入门到精通:Drools全攻略
  • webservice获取全国省份区县编码(拼音全拼+拼音简写)
  • 深度学习 自然语言处理(RNN) day_02
  • 2. 盒模型/布局模块 - 响应式产品展示页_案例:电商产品网格布局
  • 基于C#+MySQL实现(WinForm)企业设备使用信息管理系统
  • Linux进程信号保存(25)
  • 大数据——解决Matplotlib 字体不足问题(Linux\mac\windows)
  • 基于javaweb的SpringBoot酒店管理系统设计与实现(源码+文档+部署讲解)
  • 《数据库原理》部分习题解析
  • quickbi单个空间限制1000数据集引发的企业在使用过程中的思考和反思及建议。