路由文件中有斜杠/goods和无斜杠goods的区别

我们在编写路由文件router.js的过程中，难免需要进行路由嵌套。像这样

{
    path: '/goods',
    component: Layout,
    redirect: 'noredirect',
    meta: {
      title: '商品管理',
      icon: 'chart'
    },
    children: [
      {
        path: 'list',
        component: () => import('@/views/goods/list.vue'),
        meta: {
          title: '商品列表',
          icon: null
        }
      },
      {
        path: '/create',
        component: () => import('@/views/goods/create.vue'),
        meta: {
          title: '上架商品',
          icon: null
        }
      }
    ]
  }

路由前面带了斜杠/的意思是该路由配置的路径是根路径，而没有带斜杠表示该路由配置使用相对路径

比如，我们访问list，路由为
http://localhost:8889/goods/list
访问create路由为
http://localhost:8889/create