wvp/web_src/src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Layout from "../layout/index.vue"

import control from '../components/control.vue'
import deviceList from '../components/DeviceList.vue'
import channelList from '../components/channelList.vue'
import pushVideoList from '../components/PushVideoList.vue'
import streamProxyList from '../components/StreamProxyList.vue'
import map from '../components/map.vue'
import login from '../components/Login.vue'
import parentPlatformList from '../components/ParentPlatformList.vue'
import cloudRecord from '../components/CloudRecord.vue'
import mediaServerManger from '../components/MediaServerManger.vue'
import web from '../components/setting/Web.vue'
import sip from '../components/setting/Sip.vue'
import media from '../components/setting/Media.vue'
import live from '../components/live.vue'
import deviceTree from '../components/common/DeviceTree.vue'
import userManager from '../components/UserManager.vue'
import aiConfig from "../components/aiConfig";
import devAiEdit from "../components/devAiEdit";
import createConfig from "@/components/createConfig";
import wasmPlayer from '../components/common/jessibuca.vue'
import rtcPlayer from '../components/dialog/rtcPlayer.vue'
import aiLib from "@/components/AiLib";
import createLib from "@/components/CreateLib";
import editLib from "@/components/editLib";
import bell from "@/components/bell";
import alarmInfo from "@/components/mediaView";

import userCenter from "@/layout/userCenter";
import userInfo from "@/components/u_page/u_info";
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

Vue.use(VueRouter)


export default new VueRouter({
  mode:'hash',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Layout,
      redirect: '/control',
      children: [
        {
          path: '/control',
          component: control,
        },
        {
          path: '/live',
          component: live,
        },
        {
          path: '/deviceList',
          component: deviceList,
        },
        {
          path: '/pushVideoList',
          component: pushVideoList,
        },
        {
          path: '/streamProxyList',
          component: streamProxyList,
        },
        {
          path: '/channelList/:deviceId/:parentChannelId',
          name: 'channelList',
          component: channelList,
        },
        {
          path: '/hfyAi/:deviceId',
          name: 'aiConfig',
          component: aiConfig,
        },
        {
          path: '/aiLib',
          name: 'aiLib',
          component: aiLib,
        },
        {
          path: '/bell',
          name: 'bell',
          component: bell,
        },
        {
          path: '/alarm/:alarmId',
          name: 'alarmInfo',
          component: alarmInfo,
        },
        {
          path: '/createLib',
          name: 'createLib',
          component: createLib,
        },
        {
          path: '/createConfig/:arithmetic?',
          name: 'createConfig',
          component: createConfig,
        },
        {
          path: '/libEdit/:libraryId',
          name: 'libEdit',
          component: editLib,
        },
        {
          path: '/devEditAi/:aiId',
          name: 'devAiEdit',
          component: devAiEdit,
        },
        {
          path: '/parentPlatformList/:count/:page',
          name: 'parentPlatformList',
          component: parentPlatformList,
        },
        {
          path: '/map/:deviceId/:parentChannelId/:count/:page',
          name: 'map',
          component: map,
        },
        {
          path: '/cloudRecord',
          name: 'cloudRecord',
          component: cloudRecord,
        },
        {
          path: '/mediaServerManger',
          name: 'mediaServerManger',
          component: mediaServerManger,
        },
        {
          path: '/setting/web',
          name: 'web',
          component: web,
        },
        {
          path: '/setting/sip',
          name: 'sip',
          component: sip,
        },
        {
          path: '/setting/media',
          name: 'media',
          component: media,
        },
        {
          path: '/map',
          name: 'map',
          component: map,
        },

        ]
    },
    {
      path: '/login',
      name: '登录',
      component: login,
    },
    {
      path: '/test',
      name: 'deviceTree',
      component: deviceTree,
    },
    {
      path: '/user',
      name: 'userCenter',
      component: userCenter,
      children: [
        {
          path: '/userInfo',
          name: 'userInfo',
          component: ()=>import("@/components/u_page/u_info"),
        },
        {
          path: '/userManager',
          name: 'userManager',
          component: userManager,
        },

      ]
    },
    {
      path: '/play/wasm/:url',
      name: 'wasmPlayer',
      component: wasmPlayer,
    },
    {
      path: '/play/rtc/:url',
      name: 'rtcPlayer',
      component: rtcPlayer,
    },
  ]
})