问答

有没有大佬熟悉qiankun微前端

作者:admin 2021-05-06 我要评论

主项目也子项目都是 vue 写的。 业务需求是一个主项目中某些页面中需要显示子项目页面。 子项目页面是通过接口获取到需要显示那个应用下的url地址 主应用我是用 ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

主项目也子项目都是vue写的。
业务需求是一个主项目中某些页面中需要显示子项目页面。
子项目页面是通过接口获取到需要显示那个应用下的url地址
主应用我是用history 子全部是hash
子的路径添加了应用名 比如说全路径是localhost:10000/main#/app/xxx
/xxx是子路径,但是我拼接了/app来区分应用。。
引用代码。

  app.microApp = loadMicroApp({
    name: app.name,
    entry: app.entry,
    container: '#frame',
    activeRule: getActiveRule('#/' + app.name),
    props: {
      mode: 'qiankun',
      auth
    }
  })

一个加载子应用的时机问题
我现在用loadMicroApp 可以加载但是有时候返回页面然后再进入这个页面挂在的dom有时候会显示子应用页面,有时候不会显示,但是子应用接口会请求。那么应该是没有全卸载。只是挂载的dom错误。

container指定的dom 必须要挂在到dom上面才行吧。

进去子项目后可能子项目会进行跳转,主项目中某些页面里面的一个div挂载的子项目。 然后点主项目中的返回也就是router.back()
那么他是返回的子项目(子项目中可能进行了路由跳转),这种主要返回的话是否必须要缓存主项目中的路径历史。

主项目中多个页面地方需要使用子应用。这种怎么写比较好。

打包publicPath: '/app/'
子应用打包使用的相对路径/app 非绝对路径http:xxx/app(不让用绝对路径打包。。)
这样打包好像可能某些js资源请求地址可能错误,如果说资源地址有可能问题的话,那么需要怎么解决呢。

有没有交流群啊。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 有没有大佬熟悉qiankun微前端

    有没有大佬熟悉qiankun微前端

  • 使用@rollup/plugin-babel还需要@rollu

    使用@rollup/plugin-babel还需要@rollu

  • rabbitmq 用户默认密码是啥

    rabbitmq 用户默认密码是啥

  • JS有没有方法可用通过本地路径读取文件

    JS有没有方法可用通过本地路径读取文件

腾讯云代理商
海外云服务器