我的前端vue开发规范

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错误， 表示没有权限， 找了半天，也没有找到原因， 接下来，把已经添加的删除掉，又通过前端添加后， 顺利进入页面。