qiankun框架父子服务之间的跳转出现undefined路由 近期想把自己的系统用微服务的方式实现下,过程中遇到一个问题,就是如果子应用不改变路由的情况下,主应用是可以正常切换的,但当子应用改变路由后,则路由报错,给出的错误原因是在路由前面增加了一个undefined 这个问题经过网上搜查资料发现是因为vue-router导致的 这里的current
找到main.js 将import router from './router'修改为import routes from './router',并增加import VueRouter from "vue-router";, 这里我们把主子应用路由都设置为 history 模式。 删除: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 js 复制代码newVue({router,store,render:h=>h(App)}).$mount("...
在上面的代码中,我们在Vue 组件的mounted生命周期钩子函数中注册了一个观察者函数,然后定义了一个login方法,最后将login方法绑定在下图的按钮中(见下图)。 micro-app 此时我们点击2次按钮,将触发我们在主应用设置的观察者函数(如下图) micro-app 从上图中我们可以看出: 第一次点击:原token值为undefined,新token...
子应用:qiankun+vue3 + router4.0.3 主应用:vue2.0+ router3.0 菜单是主应用的部分 点击菜单通过router-view 的to属性跳转到子应用,点击详情再跳转到子应用的详情页面(push),点击返回,再切换其它菜单,跳转其它页面 点击详情(push)再点击返回就会跳转到http://localhost:8080/app-vueundefined页面 最小可复现仓库 ...
子应用改造,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...
.创建Vue子应用 vue create qiankun-vue 3.进行主应用(qiankun-base项目)的配置 安装:npm i element-ui qiankun view-design vue-router src目录下创建router.js文件,加入如下代码 import Vue from "vue";//引入vueimport Router from "vue-router";//引入vue-routerimport Home from './components/HelloWorld...
import { createApp } from "vue"; import App from "./App.vue"; import router from "./router"; import { registerMicroApps, start } from "qiankun"; import actions from './actions' // 解决不同路由跳转undefined问题 import _ from "lodash" router.beforeEach((to, from, next) => { if ...
vue子应用 入口改造 ts复制代码let rootDom: Element | undefined; async function render(props: any) { console.log("render"); const { container } = props; const root = createApp(VueApp); root.use(createPinia()); root.use(router); root.provide("appStore", props.appStore); rootDom ...
undefined 贡献代码 同步代码 创建Pull Request 了解更多 对比差异通过 Pull Request 同步 同步更新到分支 通过Pull Request 同步 将会在向当前分支创建一个 Pull Request,合入后将完成同步 衣峻松🔑 开源许可bf948743年前 5 次提交 取消 提示:由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件 ...
function render(props = {}) { const { container } = props; // 实例化 router,根据应用运行环境设置路由前缀 router = new VueRouter({ // 作为微应用运行,则设置 /vue 为前缀,否则设置 / base: window.POWERED_BY_QIANKUN ? ‘/vue’ : ‘/’, mode: ‘history’, routes, });/...