#前端#项目#路由配置

自己写的后台管理项目的路由配置，仅作为参考

import Vue from 'vue'
import Router from 'vue-router'
import DashBoard from "../components/DashBoard/DashBoard";
import NewCake from "../views/NewCake/NewCake";
import Tips from "../views/Tips/Tips";
import UploadView from "../views/UploadView/UploadView";
import CakeTable from "../views/Table/CakeTable";
import EchartExample from "../components/EchartView/EchartExample";
import EditView from "../views/Table/EditView/EditView";
import Login from "../components/Login/Login";

Vue.use(Router)
const  routes = [
  {
    path: '/login',
    component: Login
  },
  {
    path:'/',
    component: DashBoard,
    redirect:'cake/new',
    children:[
      {
        path: '/cake/new',
        name: 'newCake',
        component: NewCake,
        meta: {
          title: '添加蛋糕',

        }
      }, {
        path: '/cake/tips',
        name: 'Tips',
        component: Tips,
        meta: {
          title: '用户提示页',

        }
      }, {
        path: '/cake/upload',
        name: 'Upload',
        component: UploadView,
        meta: {
          title: '上传图片根据',
          keepAlive: true
        }
      },{
        path: '/cake/manager',
        component: CakeTable
      },{
        path: '/example/chart',
        component: EchartExample
      },{
        path: '/cake/edit',
        component: EditView
      },
    ]
  },
]
const  router = new Router({
  routes
})

export default router;
router.beforeEach((from,to,next) => {
  next()
})

<template>
  <div id="app">
<!--    <img src="./assets/logo.png">-->
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

</style>