vite-vue3-lowcode/preview/router.ts

/*
 * @Author: 卜启缘
 * @Date: 2021-06-01 09:45:21
 * @LastEditTime: 2021-06-25 08:47:07
 * @LastEditors: 卜启缘
 * @Description: 路由表
 * @FilePath: \vite-vue3-lowcode\preview\router.ts
 */
import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
import type { VisualEditorModelValue } from '@/visual-editor/visual-editor.utils';
import { CacheEnum } from '@/enums';

const routes: Array<RouteRecordRaw> = [
  {
    path: '/:pathMatch(.*)*',
    component: () => import('./views/preview.vue'),
  },
];

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});

// 获取本地缓存的页面数据
const jsonData: VisualEditorModelValue = JSON.parse(
  localStorage.getItem(CacheEnum.PAGE_DATA_KEY) as string,
);

router.beforeEach((to) => {
  document.title = jsonData?.pages?.[to.path]?.title ?? document.title;
  return true;
});

export default router;