video_ca/src/router/index.js

import {createWebHistory, createRouter} from "vue-router";

import LoginVue from "@/views/Login.vue";
import VideoVue from "@/views/Video.vue";
import VideoListVue from "@/views/VideoList.vue";
import DeviceListVue from "@/views/DeviceList.vue";

const routes = [
    {
        path: '/login',
        name: 'Login',
        component: LoginVue
    },
    {
        path: '/video',
        name: 'Video',
        component: VideoVue
    },
    {
        path: '/videoList',
        name: 'VideoList',
        component: VideoListVue
    },
    {
        path: '/device',
        name: 'Device',
        component: DeviceListVue
    },
    {
        path: '/',
        redirect: '/login'
    }
]

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