qiankun + vue集成微应用相关,路由和缓存问题。

主和子都是vue写的。
使用注册加载
`registerMicroApps {

name: app.name, // app name registered
entry: app.entry,
container: app.container,
activeRule: genActiveRule(app.path)

}`
父用的history路由 子用的hash
问题1. 父菜单用a标签点击跳转,或者push url地址没变化。
点击几次才有反应。有时候又正常。
问题2. 切换子应用的时候会卸载应用然后在加载。造成切换应用的时候反应过慢。
问题3. 如果想多开应用缓存的话如何做?
有没有大佬集成过。

阅读 5.2k
1 个回答
  1. 如果菜单在主应用的话,主应用里完全可以用 router-link 或者 this.$router 做路由跳转。

如果菜单在子应用,需要做应用间跳转可以在注册应用时将主应用的 router 对象传递过去,子应用里调用主应用 router 方法做跳转

  1. 默认会在空闲时加载子应用资源,跳转应用反应还能接受吧,可以添加 过场 loading

ps 如果确定主/子应用一直都是 vue 可以使用 cdn 加载公共资源,如(vue, vue-router, vuex 等),虽然官方不建议,但是这样子应用打包后体积超小

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏