index.js 880 B

123456789101112131415161718192021222324252627282930313233343536
  1. import { createRouter, createWebHistory } from 'vue-router'
  2. // 引入你需要路由的页面组件
  3. import PageComponent from '@/views/PageComponent.vue'
  4. //设置标题
  5. // document.title = "Loading...";
  6. // 定义路由数组
  7. const routes = [
  8. {
  9. path: '/s/:pageId', // 动态路径参数
  10. name: 'page',
  11. component: PageComponent
  12. },
  13. // 其他路由...
  14. {
  15. path: '/',
  16. redirect: '/s/default' // 可选重定向
  17. }
  18. ]
  19. // 创建 router 实例
  20. const router = createRouter({
  21. history: createWebHistory(), // 使用 HTML5 历史模式,需要服务器支持
  22. routes, // routes: routes 的简写
  23. // 可选:滚动行为等
  24. scrollBehavior(to, from, savedPosition) {
  25. if (savedPosition) {
  26. return savedPosition
  27. } else {
  28. return { top: 0 }
  29. }
  30. }
  31. })
  32. export default router