有基座路由hash对子应用路由hash的vue2的例子吗？

[sitonlotus]

按照网络上的路由配置失败的

[sitonlotus]

主应用的配置：
const router = new VueRouter({
// mode: "history",
// 设置主应用基础路由为main-vue2(用于后续部署)，则子应用基础路由(baseroute)为/main-vue2/xxx
base: window.MICRO_APP_BASE_ROUTE || "/",
routes,
});
document.title = "迪艾克数能生态云";

new Vue({
router,
store,
render: (h) => h(App),
}).$mount("#main-app");

这是其中一个子应用的配置

<micro-app
name="app-sys"
:url="url"
baseroute="/app-sys"
:data="microAppData"
@created="handleCreate"
@beforemount="handleBeforeMount"
@mounted="handleMount"
@unmount="handleUnmount"
@error="handleError"
@Datachange="handleDataChange"
/>

<script> import config from "@/config.js"; export default { name: "sys", data() { return { url: `${config.sys}/`, microAppData: { msg: "来自基座的数据" }, loading: null, }; }, methods: { handleCreate() { console.log("child-sys 创建了"); this.loading = this.$loading({ lock: true, text: "加载中···", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.6)", }); }, handleBeforeMount() { console.log("child-sys 即将被渲染"); }, handleMount() { console.log("child-sys 已经渲染完成"); this.loading && this.loading.close(); setTimeout(() => { this.microAppData = { msg: "来自基座的新数据" }; }, 2000); }, handleUnmount() { console.log("child-sys 卸载了"); }, handleError() { console.log("child-sys 加载出错了"); }, handleDataChange(e) { console.log("来自子应用 child-sys 的数据:", e.detail.data); }, }, }; </script>

但是访问http://localhost:3000/#/app-sys#/sys/opr-manage能看到要跳转的子应用，但是没加载出来