//预发环境环境子应用的路由前缀};}exportdefaultconfig;//以上是config.ts文件的全部---end//菜单点击事件里面的内容history.push('/yp');//切换到子应用setTimeout(()=>{microApp.router.push({
MicroApp通过拦截浏览器路由事件以及自定义的location、history,实现了一套虚拟路由系统,子应用运行在这套虚拟路由系统中,和主应用的路由进行隔离,避免相互影响。 虚拟路由系统还提供了丰富的功能,帮助用户提升开发效率和使用体验。 路由模式 虚拟路由系统分为四种模式:search、native、native-scope、pure search模式 search...
{ // 因为主应用为history路由,appname-vite子应用是hash路由,这里配置略微不同 // 已解决带参数时页面丢失的问题 path: '/app-vite:page*', name: 'vite', component: () => import('@/views/vite.vue') }, vite路由页面: <template> <micro-app name="appname-vite" :url="url" inline disab...
mode:"history", // 设置主应用基础路由为main-vue(用于后续部署),则子应用基础路由(baseroute)为/main-vue/xxx base: process.env.BASE_URL, routes, }); newVue({ router, render:(h) =>h(App), }).$mount("#app"); 分配一个路由给子应用(viewsx新建my-page.vue) ...
虚拟路由系统与浏览器的路由行为一致,它通过自定义 location 和 history 等核心路由 API,重写了 popState 和 hashChange 事件,拦截路由导航和事件,并提供了一系列自定义 API,模拟了在浏览器环境下的 Web 应用程序的渲染、跳转和返回等路由行为。子应用程序在这个虚拟路由系统中运行,与基座应用程序的路由相互隔离,从而...
注:推荐基座使用history路由,Vite子应用使用hash路由,避免一些可能出现的问题。 子应用如果是Vue3,在初始化时路由时,createWebHashHistory不要传入参数,如下: import { createRouter, createWebHashHistory, createWebHistory, }from"vue-router"; exportconstroutes =[ ...
仅当主应用子应用都使用 history 路由模式,且子应用独立运行时不需要特定模块前缀的情况下,主应用使用子应用时需要配置baseroute声明模块前缀;并且子应用路由需要配置 base 属性。
官方推荐父应用使用history,子应用使用hash,然后如果子应用使用vite的话!!!,会很 痛苦 部署相关 自己本人尝试部署了一个demo传送门 首先目录结构如下: 我这里是把子应用就作为一个组件来用的, 部署的时候,首先需要确定你的服务器存放路径,一般需要找后端沟通,然后配置好Nginx的代理,官网有详细的教程 ...
子应用路由模式声明为hash模式，推荐基座使用history路由，vite子应用使用hash路由，避免一些可能出现的问题。子应用如果是vue3，在初始化时路由时，createWebHashHistory不要传入参数 App.vue中更改应用挂载点：与主应用id不同即可 声明公共基础路径为子应用名称：base: 子应用名称。配置完后开发环境即可以运行，但是生成...
History402 Commits doc change doc Mar 15, 2023 linjiashop-admin-api change 移除冗余的日志 Jun 22, 2023 linjiashop-admin issue 后台管理商品列表页增加库存的展示 Jun 22, 2023 linjiashop-core issue 手机端针启用商品分类“是否显示再首页”属性 Jun 22, 2023 linjiashop-generator Issue 利用keep-alive...