移植成js版本

frontent/ops_vue_js/src/router/index.js

@@ -1,23 +1,38 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import { createRouter, createWebHistory } from "vue-router";
+import HomeView from "../views/HomeView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
-      path: '/',
-      name: 'home',
+      path: "/",
+      name: "home",
       component: HomeView,
     },
     {
-      path: '/about',
-      name: 'about',
+      path: "/about",
+      name: "about",
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue'),
+      component: () => import("../views/AboutView.vue"),
+    },
+    {
+      path: "/login",
+      name: "login",
+      component: () => import("../views/loginView.vue"),
+    },
+    {
+      path: "/forgot_password",
+      name: "forgot password",
+      component: () => import("../views/forgotPassword.vue"),
+    },
+    {
+      path: "/register",
+      name: "Register",
+      component: () => import("../views/registerView.vue"),
     },
   ],
-})
+});
 
-export default router
+export default router;