阿里qiankun微应用:主、微应用分别在history、hash模式的配置区别

850 阅读1分钟

前提场景:

  1. 主应用为vue-router 4.x。
  2. 主应用和各微应用,通过不同不用域名(至少端口不同)访问。

当主应用为vue-router history模式时

主应用访问路径:http://192.168.1.111:8080/。

微应用项目路由base主应用activeRule配置真实访问路径
vue-history/childApp/app1//childApp/app1http://192.168.1.111:8080/childApp/app1

当主应用为vue-router hash模式时

主应用访问路径:http://192.168.1.111:8080/#/

微应用项目路由base主应用activeRule配置真实访问路径
vue-history/#/childApp/app1/#/childApp/app1http://192.168.1.111:8080/#/childApp/app1
vue-has/#/childApp/app1/#/childApp/app1http://192.168.1.111:8080/#/childApp/app1