SocialNetworks_duan/src/router/index.js

import { createRouter, createWebHistory } from "vue-router";
// 导入组件，这里先占位
const KeyNodeRecognition2 = () => import("@/views/KeyNodeRecognition1/index.vue");
const KeyNodeRecognition3 = () => import("@/views/KeyNodeRecognition2/index.vue");
const KeyNodeRecognition1 = () => import("@/views/KeyNodeRecognition3/index.vue");
const LinkPrediction1 = () => import("@/views/LinkPrediction/characterInteraction/index.vue");
const LinkPrediction2 = () => import("@/views/LinkPrediction/socialGroups/index.vue");
// const LinkPrediction3 = () => import("@/views/LinkPrediction3.vue");
const GroupEvolution1 = () => import("@/views/GroupEvolution1.vue");
const GroupEvolution2 = () => import("@/views/GroupEvolution2.vue");
const GroupEvolution3 = () => import("@/views/GroupEvolution3.vue");
const GroupEvolution4 = () => import("@/views/GroupEvolution4.vue");

const routes = [
  { path: "/", redirect: "/key-node-1" },
  { path: "/key-node-3", component: KeyNodeRecognition3 },
  { path: "/key-node-2", component: KeyNodeRecognition2 },
  { path: "/key-node-1", component: KeyNodeRecognition1 },
  { path: "/link-prediction-1", component: LinkPrediction1 },
  { path: "/link-prediction-2", component: LinkPrediction2 },
  { path: "/link-prediction-3", component: "" },
  { path: "/group-evolution-1", component: GroupEvolution1 },
  { path: "/group-evolution-2", component: GroupEvolution2 },
  { path: "/group-evolution-3", component: GroupEvolution3 },
  { path: "/group-evolution-4", component: GroupEvolution4 }
];

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

export default router;