index.ts 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. import { createRouter, createWebHashHistory } from "vue-router";
  2. let routes = [
  3. // 首页 -> "换一换"
  4. {
  5. path: "/",
  6. name: "home",
  7. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  8. component: () => import("@/view/home/index.vue"),
  9. },
  10. // 建筑地图
  11. {
  12. path: "/bldgMap",
  13. name: "bldgMap",
  14. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  15. component: () => import("@/view/bldgMap/index.vue"),
  16. },
  17. // 建筑模型
  18. {
  19. path: "/bldgModel",
  20. name: "bldgModel",
  21. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  22. component: () => import("@/view/bldgModel/index.vue"),
  23. },
  24. // 建筑全景
  25. {
  26. path: "/bldgPanorama",
  27. name: "bldgPanorama",
  28. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  29. component: () => import("@/view/bldgPanorama/index.vue"),
  30. },
  31. // 建筑视频
  32. {
  33. path: "/bldgVideo",
  34. name: "bldgVideo",
  35. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  36. component: () => import("@/view/bldgVideo/index.vue"),
  37. },
  38. // 建筑模型——模型页面
  39. {
  40. path: "/bldgModel/detail",
  41. name: "modelDetail",
  42. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  43. component: () => import("@/view/bldgModel/detail/index.vue"),
  44. },
  45. // 建筑模型——模型更换页面
  46. {
  47. path: "/bldgModel/change",
  48. name: "modelChange",
  49. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  50. component: () => import("@/view/bldgModel/change/index.vue"),
  51. },
  52. // 建筑视频——视频播放页
  53. {
  54. path: "/bldgVideo/detail",
  55. name: "videoDetail",
  56. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  57. component: () => import("@/view/bldgVideo/detail/index.vue"),
  58. },
  59. // 建筑全景——详情页
  60. {
  61. path: "/bldgPanorama/detail",
  62. name: "panoramaDetail",
  63. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  64. component: () => import("@/view/bldgPanorama/detail/index.vue"),
  65. },
  66. // 建筑地图——景点详情
  67. {
  68. path: "/bldgMap/detail",
  69. name: "mapDetail",
  70. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  71. component: () => import("@/view/bldgMap/detail/index.vue"),
  72. },
  73. // 建筑地图——景点详情——VR
  74. {
  75. path: "/bldgMap/detail/scene",
  76. name: "mapDetailScene",
  77. //使用import可以路由懒加载,如果不使用,太多组件一起加载会造成白屏
  78. component: () => import("@/view/bldgMap/detail/scene/index.vue"),
  79. },
  80. //{
  81. //配置404页面
  82. //path: '/:catchAll(.*)',
  83. //name: '404',
  84. //component: () => import(''),
  85. //}
  86. ];
  87. // 路由
  88. const router = createRouter({
  89. history: createWebHashHistory (),
  90. routes,
  91. });
  92. // 导出
  93. export default router;