* 当前vue-router版本:4.0.12*/functionfixBugForVueRouter4(router: Router) {//判断主应用是main-vue3或main-vite,因为这这两个主应用是 vue-router4if(window.__MICRO_APP_ENVIRONMENT__) {//if (window.location.href.includes('/main-vue3') || window.location.href.includes('/main-vite')) {/...
添加本地运行配置文件vue.config.js module.exports= {devServer: {host:'localhost',port:3000} } 安装micro-app 插件 npm install @micro-zoe/micro-app --save 添加micro/index.js文件 importmicroAppfrom'@micro-zoe/micro-app'import*asconfigfrom'./config'// 启用 micromicroApp.start({preFetchApps: ...
2-2、添加配置文件vue.config.js module.exports = { devServer: { host:'localhost' , port:3000 } } 2-3、安装micro-app插件,安装在base目录下 npm install @micro-zoe/micro-app --save 安装完成后可以在package.json文件下看到刚刚安装好的 插件 2-4、micro配置 接下...
Microi 吾码采用.NET8 + Redis + MySql/SqlServer/Oracle + Vue2/3 + Element-UI/Element-Plus 技术框架,于 2014 年开始创建,2018 年使用 Vue 重构,并在 2024 年 10月 29 日开源 。 二、项目初始化 我们需要创建一个基于 Microi 吾码低代码框架的项目,并集成 Vue。假设我们已经安装好了 Microi 吾码...
micro-app提供了一套灵活的数据通信机制,方便主应用和子应用之间的数据传输。你可以通过<micro-app>组件的data属性向子应用发送数据,也可以在子应用中通过window.microApp.getData()获取数据,并通过window.microApp.dispatch()向主应用发送数据。 例如,在主应用中发送数据到子应用: vue <template> &...
micro-app与技术栈无关,对前端框架没有限制,任何框架都可以作为基座应用嵌入任何类型的子应用。 快速开始 1. 基座应用 //初始化一个vue应用vue create main-vue//安装 @micro-zoe/micro-app 依赖npm i @micro-zoe/micro-app --save// 入口添加 // main.jsimport Vue from "vue";import App from "./...
npm install @webdocker/vue-microapp-entry使用import { mount } from "@webdocker/vue-microapp-entry" const microApp = mount({el:'#app',router,store,render:h=>h(App)}) export default microApp 注意微应用(vue2.x)使用Vue构造器启动才可使用该包改造。
1 回答1.6k 阅读✓ 已解决 vue3+vite为基座,vue2为子应用,使用的是qiankun,为什么加载子应用的时候会出现跨域的错误? 1 回答2.9k 阅读 Vite+vue3+Router4 在事件中添加子路由,切换到添加的子路由,会提示警告,切换到其他路由就报错? 1 回答2.3k 阅读✓ 已解决 找不到问题?创建新问题思否...
Vue 9 MIT 13 0 0 Updated Feb 22, 2025 rate-dogs Public The microfrontend for rating dogs Vue 16 MIT 11 0 0 Updated Feb 22, 2025 root-config Public Start here if you're learning microfrontends EJS 253 MIT 63 2 1 Updated Feb 22, 2025 People This organization has no pub...
vite+vue+micro-app 配置分为两部分，主应用也就是基座应用，子应用部分：基座应用：入口文件main.js,映入微前端引擎micro-app启动微前端。此处的loader的作用是因为vite开发模式下引入的资源是相对路径，但是子应用也是vite的情况下，主应用加载资源的时候就会以主应用为域名去加载，加载不到子应用的资源，所以无法...