博客
关于我
实际前端项目路由配置
阅读量:203 次
发布时间:2019-02-28

本文共 1617 字,大约阅读时间需要 5 分钟。

一 组件定义

1 创建vue组件

在src/views文件夹下创建以下文件夹和文件

2 form.vue

3 list.vue

二 路由定义

修改 src/router/index.js 文件,重新定义constantRouterMap

注意:每个路由的name不能相同

export const constantRouterMap = [  { path: '/login', component: () => import('@/views/login/index'), hidden: true },  { path: '/404', component: () => import('@/views/404'), hidden: true },  {    path: '/',    component: Layout,    redirect: '/dashboard',    name: 'Dashboard',    hidden: true,    children: [{      path: 'dashboard',      component: () => import('@/views/dashboard/index')    }]  },  // 讲师管理  {    path: '/teacher',    component: Layout,    redirect: '/teacher/list',    name: 'Teacher',    meta: { title: '讲师管理' },    children: [      {        path: 'list',        name: 'TeacherList',        component: () => import('@/views/teacher/list'),        meta: { title: '讲师列表' }      },      {        path: 'create',        name: 'TeacherCreate',        component: () => import('@/views/teacher/form'),        meta: { title: '添加讲师' }      },      {        path: 'edit/:id',        name: 'TeacherEdit',        component: () => import('@/views/teacher/form'),        meta: { title: '编辑讲师' },        hidden: true      }    ]  },  { path: '*', redirect: '/404', hidden: true }]

三 项目其他配置

1 项目名称

将 vue-admin-template-master 重命名为 guli_admin

2 端口号

在 config/index.js中修改

port: 9528,

3 国际化设置

src/main.js,第7行,修改语言为 zh-CN,使用中文语言环境,例如:日期时间组件

import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n

4 入口页面

index.html

谷粒学院后台管理系统

5 登录页

src/views/login/index.vue,第4行

谷粒学院后台管理系统

四 测试

转载地址:http://uqqj.baihongyu.com/

你可能感兴趣的文章
Mysql 整形列的字节与存储范围
查看>>
mysql 断电数据损坏,无法启动
查看>>
MySQL 日期时间类型的选择
查看>>
Mysql 时间操作(当天,昨天,7天,30天,半年,全年,季度)
查看>>
MySQL 是如何加锁的?
查看>>
MySQL 是怎样运行的 - InnoDB数据页结构
查看>>
mysql 更新子表_mysql 在update中实现子查询的方式
查看>>
MySQL 有什么优点?
查看>>
mysql 权限整理记录
查看>>
mysql 权限登录问题:ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)
查看>>
MYSQL 查看最大连接数和修改最大连接数
查看>>
MySQL 查看有哪些表
查看>>
mysql 查看锁_阿里/美团/字节面试官必问的Mysql锁机制,你真的明白吗
查看>>
MySql 查询以逗号分隔的字符串的方法(正则)
查看>>
MySQL 查询优化:提速查询效率的13大秘籍(避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化)(上)
查看>>
mysql 查询数据库所有表的字段信息
查看>>
【Java基础】什么是面向对象?
查看>>
mysql 查询,正数降序排序,负数升序排序
查看>>
MySQL 树形结构 根据指定节点 获取其下属的所有子节点(包含路径上的枝干节点和叶子节点)...
查看>>
mysql 死锁 Deadlock found when trying to get lock; try restarting transaction
查看>>