blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

feat: 换更合理的方式

Browse Source
This commit is contained in:
wanchun 2023-03-29 16:35:42 +08:00
parent 9641b0dc67
commit 0eb8d88472
1 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
packages/fes-preset-built-in/src/plugins/route/template/routeExports.tpl
View File

@ -39,37 +39,37 @@ export const createRouter = (routes) => {
let isInit = false
router.beforeEach(async (to, from, next) => {
if(!isInit) {
isInit = true
const beforeRenderConfig = plugin.applyPlugins({
key: "beforeRender",
type: ApplyPluginsType.modify,
initialValue: {
loading: null,
action: null
},
});
if (typeof beforeRenderConfig.action === "function") {
const rootElement = document.createElement('div');
document.body.appendChild(rootElement)
const app = createApp(beforeRenderConfig.loading);
app.mount(rootElement);
try {
const initialState = await beforeRenderConfig.action({router, history});
updateInitialState(initialState || {})
} catch(e){
console.error(`[fes] beforeRender执行出现异常：`);
console.error(e);
}
app.unmount();
app._container.innerHTML = '';
document.body.removeChild(rootElement);
}
if(isInit){
return next()
}
// 避免在beforeRender action中操作路由或者location.href，构建后会出现卡死
setTimeout(() => {
next();
}, 0);
isInit = true
const beforeRenderConfig = plugin.applyPlugins({
key: "beforeRender",
type: ApplyPluginsType.modify,
initialValue: {
loading: null,
action: null
},
});
if (typeof beforeRenderConfig.action !== "function") {
return next();
}
const rootElement = document.createElement('div');
document.body.appendChild(rootElement)
const app = createApp(beforeRenderConfig.loading);
app.mount(rootElement);
try {
const initialState = await beforeRenderConfig.action({router, history});
updateInitialState(initialState || {})
next();
} catch(e){
next(false);
console.error(`[fes] beforeRender执行出现异常：`);
console.error(e);
}
app.unmount();
app._container.innerHTML = '';
document.body.removeChild(rootElement);
})
plugin.applyPlugins({