一.先设置生成路由的格式
- 假设业务路由放在
@/view/
,路由文件结构模式如图(其中menuManage与userManage为业务路由
):![在这里插入图片描时12312述](https://img-blog.csdnimg.cn/5bcd3d0f6fe14d3c9eb861ef30631226.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM3Njc0MQ==,size_16,color_FFFFFF,t_70)
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const basicRoutes=[
{
path: '/',
redirect: '/index',
},
{
path: '/index',
name: 'index',
meta: {
isBanner: true },
component: () => import('@/views/home/index.vue'),
},
{
path: '/login',
name: 'login',
meta: {
isBanner: true },
component: () => import('@/views/login/login.vue'),
},]
function createRouter() {
return new VueRouter({
mode: 'hash',
scrollBehavior: () => ({
y: 0 }),
routes: basicRoutes,
})
}
const router = createRouter()
export const resetRouter = () => {
router.matcher = createRouter().matcher
}
router.beforeEach((to, from, next) => {
const beforeLoginRoutes = ['index',