我是在main.js增加了下面这段代码手动修改返回地址
/*
* 2023.3.8 增加路由守卫 使浏览器返回正确的路径
* */
router.beforeEach((to, from, next) => {
const appKeys = store.getters['user/selectKeys']; // 自己的逻辑主应用点击微应用的时候获取key
const appKey = store.getters['user/appKey']; // 获取微应用的key
const url = `/qk/${appKey}`; // qk 是我默认写死的
// 此处为主要逻辑代码
if (appKey != undefined || url != from.fullPath || appKeys != from.fullPath) {
history.state.current = from.fullPath;
history.state.back = from.fullPath;
}
next();
});

在使用qiankun框架的Vue微应用中,遇到浏览器回退时显示找不到页面的问题。通过在main.js中添加路由守卫代码,手动修改返回地址,以确保浏览器返回正确的路径。主要逻辑是根据store获取应用key,并对比当前和前一个路由,更新历史状态,确保回退操作正常。
1160

被折叠的 条评论
为什么被折叠?



