gitee仓库地址:

https://gitee.com/CMD-UROOT/my_project/commits/master

大家根据上传历史进行查找你需要的代码

目前的效果:

我们需要实现的效果:

一、删除没必要的路由

1.删除没必要的路由

所以有一些路由需要,有一些路由不需要,首页和登陆我们是需要的,其余的删除,我们先把运行的cmd打断一下,然后把没有用的路由删除

在views中:dashboard是首页,login是登陆,这两个保留,其余的删除

删除前:

删除后:

删除后我们是运行不了项目的,因为在路由配置中,我们还在使用那些被删除的路由

在router/index.js中:

只留下登陆,404,以及首页

这次就可以运行项目了

效果:

二、添加商品管理路由

1.在views中新建如下文件

文件名代表的路由:

product商品管理

---tradeMark品牌管理

---Attr平台属性管理

---Spu Spu管理

---Sku Sku管理

2.基础结构搭建

3.路由配置

在router/index.js中:

 {
    path: '/product',
    component: Layout,
    name: 'Product',
    meta: { title: '商品管理', icon: 'el-icon-goods' },
    children: [
      {
        path:'trademark',
        name:'Trademark',
        component:()=>import('@/views/product/tradeMack'),
        meta:{title:'品牌管理'}
      },
      {
        path:'attr',
        name:'Attr',
        component:()=>import('@/views/product/Attr'),
        meta:{title:'平台属性管理'}
      },
      {
        path:'spu',
        name:'Spu',
        component:()=>import('@/views/product/Spu'),
        meta:{title:'Spu管理'}
      },
      {
        path:'sku',
        name:'Sku',
        component:()=>import('@/views/product/Sku'),
        meta:{title:'Sku管理'}
      },
    ]
  },

运行项目,查看效果: