创建vue.config.js 文件,设置 port : module.exports = { devServer: { port: 8090 } } 三、配置子应用 在主应用同一级目录下快速创建子应用,子应用无需安装 qiankun 配置子应用 main.js: import Vue from 'vue'; import VueRouter from 'vue-router'; import App
compitable to qiankun-vue2-alive, qiankun-vue2-admin ... Document - please ref Vue Router doc below Get started with thedocumentation, or play with theexamples(see how to run them below). Development Setup #install depsyarn#build dist filesyarn build#serve examples at localhost:8080yarn dev...
constrouter=newVueRouter({mode:'history',routes:[{path:'/',name:'home',// component: () => import('./views/Home.vue')},{path:'/home',name:'home',component:()=>import('./views/Home.vue')},{path:'/hello',name:'hello',component:()=>import('./components/HelloWorld.vue')},{p...
1. 在main.js中写: import { createApp } from "vue"; import App from"./App.vue"; import router from"./routers"; import { registerMicroApps, start } from"qiankun"; createApp(App).use(router).mount("#app"); registerMicroApps([ { name:"child-site",//app name registered//子应用的...
看了下,VueRouter4的问题,主应用跳转路由时,触发了一个错误的路由,single-spa 监听到了就卸载了子应用。 从/vue3跳转到/vue3/list时,中间会跳转到/list(这一步会触发卸载),然后才跳转到/vue3/list。主应用的路由钩子没有监听到这个路由跳转,但是 single-spa 能监听到 ...
import Vue from 'vue'; import router from "@/router"; import App from "@/App"; let instance = null export const render = () => { instance = new Vue({ router, render: h => h(App) }).$mount('#child1Root'); } /** * bootstrap 只会在微应用初始化的时候调用一次,下次微应用重...
import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const Index = resolve => require(['@/views/index'], resolve) const routes = [ { path: '/', name: '主页', component: Index } ] const router = new Router({ ...
6、打开vue-qiankun-base的 main.js import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import { registerMicroApps, start } from 'qiankun' Vue.config.productionTip = false
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'...
将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("#app"); ...