【前端打怪升级日志之微前端框架篇】微前端qiankun框架子应用间跳转方法

history.pushState(state, title[, url])

详见：history.pushState()

传参：通过state状态对象

取参：history.state

不够优雅和友好

• 通过 js 跳转，跳转的链接无法使用浏览器自带的右键菜单（如：Chrome 自带的链接右键菜单）

• 多层嵌套子应用是否会出问题？

// 1. 在qiankun.js文件中通过Vue提供的provide选项为所有子应用引入singleSpa依赖
function render(props = {}) {const {singleSpa,} = props;instance = new Vue({provide: {singleSpa,},render: h => h(App),}).$mount(container ? container.querySelector('#app') : '#app');
}// 2. 在子应用中调用this.singleSpa.navigateToUrl(`${url}?params`)进行页面跳转并通过URL传参，实例如下：function jumpToOthers(params){this.singleSpa.navigateToUrl(url);
},