views
new index.vue 模板
<template>
<h1>a哎哎哎哎哎哎 爱不完</h1>
</template>
<script>
export default {
name: "index"
}
</script>
<style scoped>
</style>
找到
@ 是根目录
@/router/componentsMap.js
加入
houseTask: () => import('@/views/rcHouse/task/index'),
可以把路径加入菜单的方法有两种:
第一种, 手动,
@/router/modules/task.js
import Layout from '@/views/layout/Layout'
const taskRouter = {
path: '/task',
component: Layout,
redirect: '', // 重定向
name: 'task',
meta: {
title: '任务',
icon: 'chart'
},
children: [
{
path: 'index',
component: () => import('@/views/rcHouse/task/index'),
name: 'index',
meta: { title: '房源任务管理', noCache: true }
},
]
}
export default taskRouter
// import task from './modules/task'
// 这是一个常量
export const constantRouterMap = [
task
]
第二种方法
在componentsMap.js中, 加入
houseTask: () => import('@/views/rcHouse/task/index'),
再在前端的菜单管理中,
加入一级菜单和二级菜单
接下来:
菜单-----> 权限表---->角色 ------->员工角色
重新刷新后,就可以看到菜单了。
截止到现在,即可以通过点击菜单,看到一个简单的页面,然后再根据需要,去修改你的页面就可以了
**
注意:
**
我在后端,通过admin添加了菜单, 不知道是什么原因, 出现了404错误, 表示没有权限, 找了半天,也没有找到原因, 接下来,把已经添加的删除掉,又通过前端添加后, 顺利进入页面。