自己写的后台管理项目的路由配置,仅作为参考
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>