我也看了下,VueRouter4push的时候调用了两个方法 一个replaceState,一个pushState,问题出在replaceState的时候,获取的state.current不对,是因为VueRouter4在histry.state里面有存一些值,然后主应用和子应用的histry.state没有隔离开,导致的这些值串了,获取的state(之前提到的state.current)
4、子应用中的返回上一页的调用无法使用vue3路由中的 router.go(-1) ,需要使用window.history.go(-1), 待查看源码查证问题 5、微应用打包之后 css 中的字体文件和图片加载 404 --建议查看https://qiankun.umijs.org/zh/faq#%E5%BE%AE%E5%BA%94%E7%94%A8%E6%89%93%E5%8C%85%E4%B9%8B%E5%90%8...
主子应用都是vue3.x + vue-router4.x + webpack5,子应用keep-alive不生效,即使在当前子应用间切换路由也无效 · Issue #2326 · umijs/qiankun
const router = new Router({ base: "/qiankun-main", //配合nginx生产发布https://xxx.com//qiankun-main具体根据部署动态修改 mode: 'history', routes }) export default router src/main.js主文件配置 import Vue from 'vue' import store from './store'; import router from "./router"; import ...
此外,Vue.js 还提供了 Vue Router 用于页面路由和 Vuex 用于状态管理,以及 Vue CLI 用于快速搭建项目。Vue.js在微前端架构中的应用在微前端架构中,Vue.js 可以作为一个独立的微应用来使用。每个微应用可以独立开发、测试和部署,然后通过一定的集成机制(如路由、事件总线等)与其他微应用集成在一起。Vue.js 的...
否则容易造成全局污染,尤其是vue的全局组件,全局钩子。还有qiankun不适用< ie9 以下的版本。 二、qiankun框架 qiankun(乾坤)框架其实是基于single-spa框架搭建而成的,简单来说就是single-spa的优化版。 (图为qiankun架构) 进入app1应用时, 由于vue-router配置的作用,默认地址栏后加了个/app1,但实际加载的app1...
子应用改造,vue2项目 1.src/public-path.js,在main.js导入 if(window.__POWERED_BY_QIANKUN__){// eslint-disable-next-line no-undef__webpack_public_path__=window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;} 2.子应用main.js letrouter=null;letinstance=null;functionrender(props={}){const{containe...
routerBase是主项目下发到子项目,可以在子项目中获取的到,这个到时候在子应用的路由中需要用到,用于设置路由的base属性 4、主项目main.js加载qiankun配置并启动 1import Vue from 'vue'2import App from './App.vue'3import { registerMicroApps, start, setDefaultMountApp } from 'qiankun'4import microApps...
vue create qiankun-main 1. 创建src/components/father.vue,内容如下: <template> 我是father </template> export default { name: "father" } 1. 2. 3. 4. 5. 6. 7. 8. src/router/index.js中添加路由信息,内容如下: import Router from 'vue-router'...
qiankun+vue3主项目umi4子项目,子项目成功加载但是在render的下一帧就404了,或许是路由配置有问题。我像这样注册了我的umi子项目进行测试:这便是umi子项目sub-app-2的.umirc.ts中的配置:由于我选用了一个开源...