IDCOL/webConfig/src/router.js

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

// const login = resolve => require(['../views/login.vue'], resolve);
const login = () => import('./views/login.vue');

const dashboard = () => import('./views/dashboard.vue');
const projectManagement = () => import('./views/projectManagement.vue');
const GIS = () => import('./views/GISMap.vue');
const userManagement = () => import('./views/userManagement.vue');

const alarmMaintenance = () => import('./views/alarmMaintenance/alarmMaintenance.vue');
const maintenanceRecord = () => import('./views/alarmMaintenance/maintenanceRecord.vue');
const repairPersonnel = () => import('./views/alarmMaintenance/repairPersonnel.vue');
const streetLightInformation = () => import('./views/alarmMaintenance/streetLightInformation.vue');
// const notificationSetting = () => import('./views/alarmMaintenance/notificationSetting.vue');
const maintenanceStaff = () => import('./views/alarmMaintenance/maintenanceStaff.vue');

const historicalData = () => import('./views/historicalData/historicalData.vue');

const operationLog = () => import('./views/operationLog/operationLog.vue');

const companyManagement = () => import('./views/companyManagement.vue');


const routes = [
    {
        path: '/',
        component: dashboard,
    },
    {
        path: '/login',
        name: 'login',
        component: login
    },
    {
        path: '/dashboard',
        name: 'dashboard',
        component: dashboard
    },
    {
        path: '/projectManagement',
        name: 'projectManagement',
        component: projectManagement
    },
    {
        path: '/GIS',
        name: 'GIS',
        component: GIS
    },
    {
        path: '/userManagement',
        name: 'userManagement',
        component: userManagement
    },

    {
        path: '/alarmMaintenance',
        name: 'alarmMaintenance',
        component: alarmMaintenance
    },
    {
        path: '/maintenanceRecord',
        name: 'maintenanceRecord',
        component: maintenanceRecord
    },
    {
        path: '/repairPersonnel',
        name: 'repairPersonnel',
        component: repairPersonnel
    },
    {
        path: '/streetLightInformation',
        name: 'streetLightInformation',
        component: streetLightInformation
    },
    {
        path: '/maintenanceStaff',
        name: 'maintenanceStaff',
        component: maintenanceStaff
    },

    {
        path: '/historicalData',
        name: 'historicalData',
        component: historicalData
    },
    
    {
        path: '/operationLog',
        name: 'operationLog',
        component: operationLog
    },
    {
        path: '/companyManagement',
        name: 'companyManagement',
        component: companyManagement
    },
]

const router = new VueRouter({
    mode: 'hash',
    base: process.env.BASE_URL,
    routes
})

export default router